混合app开发介绍
application(应用)
用前端的知识(html,css,js)开发出来手机App的方式就叫做混合App开发
App开发的三种类型
WebApp:跑在手机浏览器中运行的web应用(微信公众号,微信小程序)
NativeApp:用android和Object-C等原生语言开发的应用
HybridApp:就是在Html5网站外面加了一个原生的容器,兼具2者的优势
App开发三种方式原理对比图
三种App开发优缺点对比图
企业如何选择用那种方式开发产品那?
企业要根据自身的特点进行app开发方式的选择,不要为了混合而混合
混合app开发方式不是银弹,混合app更适合为初创型公司快速占领市场,还有业务型的app更适合用
混合app的开发方式是未来的主流趋势。
原生混合html页面
html页面加原生容器的壳子
App开发的一些常见平台
混合App的
Ionic
Ionic官网 http://ionicframework.com/
Ionic中文网 http://www.ionic.wang/
Html5+
AppCan
原生App的
ReactNative
weex
webApp的
微信公众号
微信小程序
混合app环境安装
注意
所有的开发环境都安装在c盘
所有目录不要出现中文
系统环境安装
java环境配置
在百度上搜索“java jdk下载”并安装
配置到全局变量JAVA_HOME中http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html
Node环境配置
node要下载最新的LTS(长期支持版本)版本
npm升级到最新版本
npm install npm@latest -g
c++环境配置
最好是用vs去安装c++环境
git环境配置
在百度搜"git下载”,并安装
配置到全局变量http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html
Python环境配置
在百度搜"python下载”,并安装
配置到全局变量http://jingyan.baidu.com/article/48206aeafdcf2a216ad6b316.html
android环境配置
Android ADT(android develop tools)安装
android的环境配置有很多种方式,我们选择的是手动安装方式
Android Studio
Eclipse
手动安装
从http://www.androiddevtools.cn/下载android所需要的包
点击installer_r24.3.4-windows进行安装,其他文件只需要解压缩后,放置结构如下图即可。Android项目结构
build-toos有些特殊,文件夹必须是版本号
Android-sdkPlatform-toolsToolsBuild-toolsextras一共有6个东西需要安装
Android环境变量配置
ANDROID_HOME:C:\Program Files\android(有tools文件夹的根目录)
path:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
在命令窗口输入adb进行检测
混合app快速开始
下载项目并打包