精华内容
下载资源
问答
  • 混合式开发

    2019-03-17 17:44:00
    现如今APP开发有两个主流的方向:原生App 以及移动Web App。 什么是原生app(Native app)? 在智能手机上运行的App应用程序有NativeAPP(基于本地操作系统运行)和Web APP(基于手机浏览器运行),其中Native ...

    现如今APP开发有两个主流的方向:原生App 以及移动Web App。

    什么是原生app(Native app)?

     

    在智能手机上运行的App应用程序有NativeAPP(基于本地操作系统运行)和Web APP(基于手机浏览器运行),其中Native App就是原生App的意思,所以原生App开发也就是指基于本地操作系统的App开发服务。如今市面上多数的APP软件开发都是使用的原生程序编写的应用程序,也就是说大部分的手机APP属于原生APP应用软件。

     

    原生APP访问和兼容的能力也比较好,可以支持在线或者离线消息推送或是进行本地资源访问,以及摄像、拨号、蓝牙、功能的调取。原生APP开发有许多的优势,如原生APP是针对不同的平台为用户提供不同的体验、原生应用可以节约宽带成本、访问本地资源、打开的速度更快并为用户提供最佳的用户体验和优质的用户界面等。

     

    什么是web app?

    Web App是一种框架型APP开发模式(HTML5 APP 框架开发模式),具有跨平台的优势,该模式通常由“HTML5云网站+APP应用客户端”两部分构成,APP应用客户端只需安装应用的框架部份,而应用的数据则是每次打开APP的时候,去云端取数据呈现给手机用户。

     

     

    原生app和web app区别?

    开发方面:

    原生APP:每一种移动操作系统都需要独立的开发项目,iphone版本、Ipad版本、安卓版本。每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)等等3.需要使用各自的软件开发包,开发工具以及各自的控件。开发成本高、开发速度慢、维护成本高。三个平台(IOS、安卓、windows)的规则、推广、运营都不相同。官方应用商店对APP上线审核流程比较复杂而且很慢,会严重影响APP的发布上线。

     

    Web App :因为运行在移动设备的浏览器上,所以只需要一个开发项目。可以通过HTML、 CSS或者JavaScript来进行Web APP的开发。开发成本低、开发速度快。

     

    功能方面:

    原生App:原生APP是一个系统性的应用程序,可以类比于电脑上的软件。原生app可以调用移动终端的硬件设备, 比如:麦克风、摄像头、短信、GPS、蓝牙、重力感应等。实现功能丰富

    Web App:Web APP可以类比于电脑上的网页。Web APP更多是页面展示类的APP。只能使用有限的移动硬件设备功能。更多用于页面展示,侧重于简单的交互,无法使用很多硬件设备独特的功能。

     

    应用安装使用方面:

    原生App:需要通过应用商店将原生app下载到手机上或移动终端上。以独立的应用程序运行

    用户必须手动去下载并安装这些原生App,原生应用可以节约宽带成本,可以访问本地资源、缓存。

    Web App:通过移动设备上的浏览器访问,软件更新只需要更新服务器就够了,用户层面不需要做任何操作。不需要安装客户端,可以节省手机终端的内存空间。

     

    版本控制方面:

    原生App:用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况。同时也会导致维护成本比较高。使用旧版本的用户无法体验新版本的完整功能。

    Web App:所有的用户都是用同样的版本,所有用户获得的功能都是相同的。版本更新比较方便,直接在服务器侧更新数据即可。一个功能做好了就能上线,一天更新几十次都毫无压力。如果客户端只是个浏览器,那一切都会变得很简单。另外web统一性高,跨平台适用时开发量少。由于其入口不明显(浏览器导航或者随意点击链接进入),让用户记住的门槛也随之拔高,每次推广导入的流量都可能沦为一次性努力,用户留存率低。

     

    加载速度方面:

    原生App:原生APP由“云服务器数据+APP应用客户端”两部分构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。访问的时候,不需要重新下载加载应用页面框架,只需要加载数据即可。所以加载速度更快,页面响应更快。

    Web App:而Web APP打开一个页面,都需重新加载页面的所有元素,访问速度受手机终端性能和网络环境的限制,导致加载速度慢,而且操作频繁容易卡死。

     

     

    -----------------------------

    总之  原生App偏向于交互,注重用户体验(导航切换、勾选选项、图片、视频等操作),Web APP偏向与浏览和简单的交互。 一些功能需要访问硬件(摄像头、传感器等),使用原生App, Web APP用于信息展示。 成本有限时,核心的功能使用原生APP,周边辅助的功能可以使用Web App。

    现状:比较流行的方法就是将原生App 和Web App进行融合,就是说应用大的框架是原生的,其他详细的内容就通过网页封装,这样做的好处就是在方便更新的同时,也能保证核心功能的交互体验。

      

      

     

    转载于:https://www.cnblogs.com/sxxya/p/10547965.html

    展开全文
  • Android和H5混合式开发框架基本实现
  • 原生开发、H5开发和混合式开发的区别 目前市场上主流的APP分三种: 1.原生APP 2.Web APP(即H5) 3.混合APP,还有flutter等 三种开发模式对比如下: 1.原生开发(Native App开发) 优点:可访问一台手机的所有功能,...

    原生开发、H5开发和混合式开发的区别

    目前市场上主流的APP分三种:
    1.原生APP
    2.Web APP(即H5)
    3.混合APP,还有flutter等

    三种开发模式对比如下:

    1.原生开发(Native App开发)

    优点:可访问一台手机的所有功能,比如GPS、摄像头、扬声器等,可实现最齐全的功能;
    运行速度快、性能高,用户体验最佳;
    支持大量图形、动画的计算,不卡顿,随着CPU的优秀,反应和速度越来越快;
    兼容性高,每个代码经过设计,一般不会出现闪退,还能抵御和防止病毒或漏洞;
    比较快捷的使用设备端提供的接口,处理速度快。
    缺点:开发时间长,制作费昂贵,成本高;
    可移植性较差,一款原生的App,需要再安卓和苹果系统各自开发,同样的需求需要写两套逻辑或代码;
    内容受限制(App Store限制)
    必须等用户下载才可以使用,每次新版本都需要用户重新下载或更新
    因为开发周期长,会造成需求迭代较慢,上线慢

    2.Web APP(h5开发)

    可以在手机端浏览器里打开的网页就称为webapp。Web技术本身需要浏览器的支持才可进行展示和交互,
    因此主要用到的技术是html、css、js或vue、react等框架语言。
    优点:开发成本低,开发周期短;
    无平台内容的限制;
    支持设备广,可跨平台,一套代码可以同时运行在安卓、IOS、windows上运行
    用户可以直接看到或感知最新版本,即无需用户手动更新或下载
    缺点:由于本身技术的限制,H5还不能直接访问设备的一些硬件条件(摄像头、麦克风等);
    体验和性能较原生有很大的局限性;
    对联网要求高,无网的情况下无法做任何操作;
    页面切换的流畅性较差,多动画下卡顿,用户体验与原生比较差;
    图片和动画的支持性不高;

    3.混合开发—Hybrid App开发

    混合开发(Hybrid App开发),是指在开发一款App产品的时候,为了提高效率、节省成本而利用原生与
    H5的开发技术的混合应用。

    优点:开发效率高、节约时间成本。同一套代码在安卓或IOS基本上通用;
    更新和部署比较方便,每次升级不需要上传到App Store或应用市场审批;
    代码维护方便、版本更新快;
    比web的实现功能会多一些。
    缺点:功能界面无法自定义,内容都是通过设计固定好的;
    对网络要求高,每个页面都需要重新下载,缓冲时间长,容易给用户造成等待的反感;
    安全性较低。

    在混合式开发中,如何辨别出原生和H5

    1. 看加载方式—如果再打开新页面时,导航栏下面有一条加载的线的话,这个页面多半就是H5页面,反之则
      是原生页面。微信里打开我们的H5页面常见有个绿色的加载线条。
    2. 看app顶部导航栏是否会有关闭的按钮—这个判断在某些场景可以进行判断,一般app内原生页面不会添加
      关闭按钮(除非设计需要)
    3. 看布局(只限安卓手机)—可以打开手机的>开发者选项>显示布局边界,此时可以看到,一般H5的页面布局
      是一整块,而原生空间的布局是密密麻麻的
    4. 看复制文章的提示—此判断方式不太准确,只可作为参考,比如有些H5的页面没有对复制选择功能做屏蔽的话,可以发现在
      文章页面长按页面,会出现文字选择、粘贴
    5. 看断网情况—把手机的网络断掉,然后打开页面。还可以正常显示东西的一般是原生页面。显示404或错误页面的
      是html页面。原生部分页面是可以继续正常打开的,打不开的原生页面和H5报错信息也是有区别的
    6. 下拉页面的时候,若在下拉处显示网址提供方的大部分都是H5

    总结与思考:

    三种方式各有优缺点,选择合适自己团队的,选择适合自己需求、成本、时间的,才是最好的方案,就像技术本身没有绝对的好坏之分,只有不断锤炼,让每一种技术都发挥出最大的作用,才是一个开发者或团队的最佳使命。

    展开全文
  • 混合式开发框架-WebAPI整合说明书
  • 混合式开发Hybrid App(混合模式移动应用)按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型。React Native、Cordova、APICloud、MUI、AppCan、Sencha Touch、jQuery Mobile...

    混合式开发

    Hybrid App(混合模式移动应用)按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型。

    React Native、Cordova、APICloud、MUI、AppCan、Sencha Touch、jQuery Mobile

    原理
    通过前端开发完成了不同平台的兼容。为了解决WebKit中WebGL渲染的不足,通过 XXX技术,使用JavaScript调用底层Native层对应的控件提升渲染加载效率。通过JavaScript调用Native对应的代码。

    优点
    1,Web端,IOS端,Android端多端复用;
    2,实时热部署;
    3,达到了一定程度上的热更新;

    缺点
    1,还未做到完全跨平台开发。还需要针对不同平台做处理;
    2,未完全屏蔽Native开发。需要混合层和Native层知识,学习门槛高;
    3,性能不及原生。
    4,达到代码复用,还需要额外的适配工作;

    Web主体型

    即移动应用的主体是Web View,主要以网页语言编写,穿插Native功能的Hybrid
    App开发类型。这种类型开发的移动应用体验相对而言存在缺陷,但整体开发难度大幅降低,并且基本可以实现跨平台。

    React Native
    React更像是一个hack的产物。

    PhoneGap

    Apache Cordova
    Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。

    Mobile Angular UI

    Ionic
    ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

    单View混合型

    在同一个View内,同时包括Native View和Web View。互相之间是覆盖(层叠)的关系。这种Hybrid App的开发成本较高,开发难度较大,但是体验较好。

    多View混合型

    即Native View和Web View独立展示,交替出现。2012年常见的Hybrid App是Native View与WebView交替的场景出现。这种应用混合逻辑相对简单。这种移动应用主体通常是Native App,Web技术只是起到补充作用。开发难度和Native App基本相当。

    标题

    Google Polymer
    Polymer倒也真像是正经通用框架,因为它就是Web Component标准的一个polyfill,换句话说,既然Web Component还不是所有浏览器都支持,那就用JS搞一个补丁出来,让浏览器支持Web Component。
    Web Component是未来标准,但是,开发者已经等不及了,其思想已经被React、Vue等框架实现了,对的,React相当于把Web Component用另一种接口实现了一遍,但是也就不能称为“标准”了。
    Polymer 这个东西就是 Web Component 标准的一个 polyfill 以及附带的一些工具(数据绑定,从模板创建元素之类的)

    博客

    展开全文
  • 混合式开发工程师 资深UI工程师 Android底层开发工程师 Android资深架构师 学习路线,必备知识点清单,实战案例
  • 安卓混合式开发(Hybrid) 1环境搭建 1.1首先,下载 Android Studio (Intellij Idea)  下载地址:http://www.android-studio.org/ 1.2其次,更新下载 Android SDK (JDK)  Android SDK 指的是Android专属的...

    安卓混合式开发(Hybrid)

    1 环境搭建

    1.1 首先,下载 Android Studio (Intellij Idea)

      下载地址:http://www.android-studio.org/

    1.2 其次,更新下载 Android SDK (JDK)

      Android SDK 指的是Android专属的软件开发工具包。

    1.3 然后,下载运行模拟器

    2 ADB (Android Debug Bridge)

    安卓调试桥,通过这个工具,可以在电脑上对安卓手机进行控制跟操作。

    安装完 sdk 后,默认 adb.exe 就在 platform-tools 文件夹下。这个工具也可以单独安装使用。

    adb 是由两部分组成的:

    1. 在手机上,存在服务器,名为 adbd.exe
    2. 在电脑上,使用客户端进行跟服务器端的通讯,即 adb.exe

    常用的命令:

    adb devices  # 查看所有连接的设备
    
    adb start-server # 在手机上开启 adbd,默认端口号为 5037。不需要手动执行此命令,它会自动被调用
    adb start-server -P 3333 # 启动 adbd 并设置端口为 3333
    adb kill-server  # 关闭手机上的 adbd 服务
    
    adb shell ls     # 在手机上执行 ls 命令
    adb shell pm list packages # 查看手机上的所有 app  
    adb install/push/uninstall.... # 安装、卸载、推送等
    

    使用 wifi 的方式连接 adbd:

    # 首先,通过数据线连接手机后,通过 adb 将 adbd 端口设置为 8888
    adb tcpip 8888
    
    # 其次,断开数据线,连接 wifi,之后,手动创建 adb 连接:
    adb connect 192.168.1.222:8888
    
    # 然后,就可以看到了
    adb devices
    

      

    转载于:https://www.cnblogs.com/guapishuo/p/10028601.html

    展开全文
  • iOS使用ionic实现混合式开发

    千次阅读 2016-01-21 11:17:03
    Mac上使用轻量级的ionic进行混合式开发iOS应用
  • 关于混合式开发中使用google联调h5

    千次阅读 2020-12-06 16:45:44
    关于混合式开发中使用google联调h5 前提条件: 1、mac或者window需要安装adb 2、手机需要安装Google 什么是adb? Android Debug Bridge(安卓调试桥) tools。它就是一个命令行窗口,用于通过电脑端与模拟器或者是...
  • Winform混合式开发框架,是一种支持分布式部署的应用模式,支持直接连接数据库,访问远程WCF服务,访问远程Web API服务等服务的综合性框架,根据不同的需求采用不同的数据接口,是一个适应性很广的应用框架。 混合式...
  • android 和ios 混合式开发环境安装   1、安装nodejs    官网下载:https://nodejs.org/en/  下载node-v8.10.0-x64.msi 安装   2、安装ionic和cordova (1)、配置淘宝镜像(参考:...
  • Html5 + android原生 混合式开发(一)

    万次阅读 2016-09-01 02:26:17
    Html5 + android原生 混合式开发
  • 在我们很多程序的登陆过程中,如果对于一些复杂的内容,可能都有一些配置管理的对话框,本文介绍的混合式开发框架,是指什么呢,我下面给了一个定义。 《混合式开发框架》是指混合了传统《Winform开发框架》和《WCF...
  • 前端系列:大前端的工程实践:iOS篇| Android篇混合式开发篇-ReactNative,Weex,Weapp
  • 仿韩寒「ONE · 一个」,基于vue2.0 混合式开发的一款跨终端、高性能、用户体验高的移动端App,使用服务端数据接口 one-api 进行开发。
  • 在我的混合式开发框架里面,集成了WebAPI的访问,这种访问方式不仅可以实现简便的数据交换,而且可以在多种平台上进行接入,如Winform程序、Web网站、移动端APP等多种接入方式,Web API的处理方式和微信提供的接口...
  • vux 混合式开发

    2016-11-25 20:01:42
  • AppCon 混合式开发

    2016-11-25 20:03:41
    http://www.appcan.cn
  • Builder 混合式开发

    2016-11-25 20:04:30
    http://www.dcloud.io
  • hybrid混合式开发学习

    2019-03-15 09:38:10
    优势:可快速迭代更新,无须App审核体验流畅,毕竟是原生减少开发成本,客户端和前端公用一套代码理解webview一个小型的浏览器内核,可以加载html网页,显示网页,是app中的一个组件具体实现前端做好静态页面(html...
  • 混合式开发为什么能做到热重载技术,热重载原理是什么 Android原生,ReactNative,Flutter 从三大纬度(UI显示原理,状态更新机制,编译流程)看技术更新规律 1、系统设计架构 对比 Android原生、ReactNative、...
  • 使用混合式开发APP的不在少数。 但是想要集成你们的产品,就基本只有放弃。 因为像uniapp,apicloud这种两种比较常用的混合式开发,必须把原生做成一个library使用。 而野火目前直接做成library是...
  • 混合式开发资料汇总

    2018-03-15 20:49:00
    极致的 Hybrid 混合式开发 Hybrid App性能优化之路 进击的Hybrid App,量身定做缓存机制 Hybrid APP架构设计思路 从选择 JS 通信方案开始 好好和h5沟通!几种常见的hybrid通信方式 Hybrid APP开发:JSSDK AgentWeb ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,605
精华内容 642
关键字:

混合式开发