Hybrid APP混合开发的一些经验和总结
三种开发方式
1. Native App
2. Web App
优点: 开发时间短,利用webview内置网页实现
缺点: 用户体验差,加载速度慢
3. Hybrid App
优点: 可以达到接近 Native App的感觉
缺点: 比web app学习门槛高
例如: facebook
三种开发模式优缺点
native App Hybrid App Web App
原生功能 优秀 接近优秀 差
性能 非常快 快 慢
跨平台开发成本 昂贵 合理 便宜
hybrid app框架
PhoneGap/cordova :测重于JS与原生的交互
AppCan:国内的,性能还行,基于云打包,隐私稍弱
lonic: 类似Bootstrap ,擅长 的方面是Ui组件比较丰富
ui框架有:
Jquery Mobile:
Sencha Touch:
React Navtive :facebook提出来的
lonic ui
------------------------------------------------
Cordova环境配置 :
概念:提供了一组设备相关的API,通过这组API,移动应用能够以Javascript访问原生的设备功能更 ,入摄像头 ,麦克风等。
还提供了一组同意的 javascript类库 ,支持移动操作系统:ios android 。。。。等
与PhoneGap的关系:cordova 是贡献给Apache后的开源项目 ,是从PhoneGap中抽出来的核心代码,是驱动PhoneGap的核心引擎。举例说明,PhoneGap 是一辆车 ,cordova是发动机
如何安装和配置:安装cordova之前,需先安装 node.js和 npm ,另外少不了 Android SDK ,以及一个模拟器运行后面的App。推荐使用 Genymontion
Ps: node 包管理器是一个Node.js 官方提供的第三方包管理器工具 。
步骤1. 安装node.js(https://nodejs.org/en/) 默认已包含 npm,安装成功后 输入 npm -v 查看版本号
步骤2.输入npm install -g cordova ,安装可能有点慢,如果网络环境安装不了, 可以使用国内淘宝镜像 (http://npm.taobao.org/)
步骤3: