⼀篇彻底搞懂----混合移动App⼲货
⼀ - 混合移动App⼲货—详细解读引⾔
本⽂会详细的讲解什么是混合App开发、混合App开发概念、原理、区别、为什么要学习混合App、混合App开发的⼏种⽅式以及具体的环境配置和踩坑指南等⼲货⼗⾜。
1-什么是混合移动App开发
1.
苹果上的软件是如何开发出来的：使⽤的是 OC、或者使⽤Swift这门语⾔
2.
安卓平台上的软件⼜是如何开发出来的：使⽤安卓相关的语⾔开发的，Java，安卓的控件进⾏开发
3.
苹果和安卓平台上共有的软件是如何开发出来的：腾讯招两套开发⼈员【开发组】，⼿机京东
4.
前端移动 App（Application）开发技术，去开发⼿机端的应⽤程序；
5.
前端的混合移动App开发技术，并没有使⽤苹果或安卓官⽅推荐的开发平台和开发⽅式，⽽是抛弃了官⽅提供的⽅式，使⽤前端的独有的技术进⾏移动App开发体验；
什么是移动App开发：通俗的理解，就是把开发Web⽹站的技
（HTML+CSS+JS），通过某种⽅式，移植到移动App开发上进⾏使⽤，这种利⽤Web开发技术进⾏移动端开发体验的⽅式，叫做混合移动App开发！
关于移动App开发，需要知道的⼏个概念：
•
原⽣开发：它的英⽂单词是（NativeApp），指的就是使⽤ IOS、Android 官⽅提供的⼯具、开发平台、配套语⾔进⾏⼿机App开发的⽅式；
•
混合开发：（HybirdApp）就是使⽤前端已有的技术，HTML + CSS + JS ，然后再搭配⼀些相关的打包编译技术，就能够开发出⼀个⼿机App，安装到⼿机中进⾏使⽤；
什么是App：App是（Application的缩写），意思是：可安装的应⽤程序；
App的分类：
按照平台来划分：
•
PC端：浏览器、代码编辑器、PC端的游戏、听歌的、看视频的、聊天的
•
移动端：⼿机QQ、⼿机、⼿机爱奇艺、亡者农药
按照功能来划分：
•
游戏：愤怒的⼩鸡仔、植物⼤战僵⼫、亡者农药…LOL
•
应⽤：⾮游戏类的软件，⽀付宝、陌陌、美团外卖、
App和Web的区别：
APP概念：App是（Application的缩写），意思是：可安装的应⽤程序；
•
优点：流畅、稳定、基本上⼀些App都可以脱⽹运⾏，⽤户体验好；
•
缺点：不能跨平台
Web概念：特指那些基于浏览器的web⽹站（本质：就是⽹页）
•
优点：可以跨平台（浏览器天⽣就是跨平台的）
•
缺点：没有App流畅、不稳定，受限于⽹速和⽹络
俩种APP开发类型的本质区别：
2-为什么要学混合App开发从程序员的⾓度分析：
•
挣钱多（别⼈不会的你会，别⼈会的，你精通）
•
对于⼯作来说：（React Native）市场需求量⼤，好⼯作，提⾼我们的⾏业竞争⼒
•
能接触到前端流⾏的技术和框架（各⼤公司基本都再⽤React），注意：再React中我们全部都使⽤ES6语法（class）
•
前端是⼀个永恒的⾏业（只要世界上还有浏览器的存在，必然需要前端，只不过，随着时间的推移，技术更新换代，可能我们对新技术的要求会越来⾼）
•
屌丝的崛起之路：只能做页⾯ -> Ajax前后台数据交互 -> Jquery、Bootstrap -> webApp -> 三⼤框架 -> 可以做⼿机混合App/桌⾯应⽤ -> 可以做⼿机原⽣App -> 将来或许可以发射⽕箭发射卫星发射导弹 -> 终极⽬标：统⼀全宇宙
（搞前端App开发）能购置⼀批⽜逼的设备【苹果笔记本、IOS测试机、安卓⼿机（三星的、华为、⼩⽶）】
从企业的⾓度分析:(选择合适⾃⾝的移动App开发⽅式)【重点】
•
节省开发成本
节省开发成本
•
从⼯资上：尽最⼤的可能，压榨员⼯的剩余劳动⼒
•
从时间上：因为原⽣的安卓和IOS开发，它们的开发效率并不是很⾼，因为原⽣的代码复杂度⽐较⾼，因此原⽣的开发周期⽐较慢；如果采⽤移动App开发，那么，我们的开发周期会很短；因为 HTML + CSS + JS ⾜够简单；（对于前端开发APP来说，有两种⽅式，其中，⽐较早的⼀种，也是⽐较简单的⼀种，就是先开发出⼀个⽹站，然后再把⽹站运⾏⼀⾏打包的命令，就能得到⼀个 APP了）
1. 市⾯上常见的App开发⽅式
WebApp：基于浏览器实现的，有特定功能的⽹站，称作WebApp
•
•
优点：跨平台
•
缺点：依赖⽹络，有⽩屏效果，相对来说，⽤户体验差；不能调⽤硬件底层得设备，⽐如摄像头；
NativeApp：⽤android和Object-C等原⽣语⾔开发的应⽤
•
优点：体验好；⽤户使⽤起来很流畅；⾮常适合做游戏【性能⾼】；可以直接调⽤硬件底层的API；
•
缺点：不能跨平台
HybirdApp：利⽤前端所学的知识去开发移动端App，兼具2者的优势
•
优点：能够跨平台；体验会好⼀些；也能够调⽤硬件底层的API
•
缺点：相对于原⽣体验稍微弱⼀丢丢；不适合做游戏；适合做⾮游戏类型的⼿机App；
应⽤场景：
注意：使⽤ Java 或者 IOS 写出来的代码和程序，在最终运⾏的时候，普通的⽂本代码，都会被编译为原⽣的机器码去运⾏，并不像 JS 这样，解析执⾏，Java代码是编译执⾏的；
三种开发⽅式的原理和对⽐
3-企业如何选择合适⾃⼰的App开发⽅式
1.
如果这个企业中，曾经使⽤原⽣技术开发过⼀些APP，那么在维护的时候，必然需要使⽤原⽣技术来维护
2.
如果企业中，需要做⼀些游戏级别的应⽤，那么推荐使⽤原⽣，因为原⽣运⾏效率⾼，对耗电量处理的很好；
如果企业中，需要做⼀些游戏级别的应⽤，那么推荐使⽤原⽣，因为原⽣运⾏效率⾼，对耗电量处理的很好；
3.
如果企业做⼀些应⽤级别的⾮游戏软件，⽐如淘宝、京东、美团，就可以使⽤混合APP了；
4.
在企业中，最主要的是好的点⼦，如果有了⼀个好的项⽬⽴案，那么最好要⽴即把这个项⽬做出来；这时候，使⽤混合App⾮常合适，因为开发周期很短，能快速上线，抢先占领市场；【裤衩开发】
4-企业中项⽬开发流程
•
需求调研：产品定位、受众体、市场需求、开发价值；【产出物：需求⽂档】
•
产品设计：功能模块、流程逻辑；【产出物：设计⽂档，交互稿】，确定项⽬的基本功能；
•
项⽬开发：项⽬架构、美⼯、前端、后台、测试【产品的把控】要理解前后端分离的概念
•
运营维护：上线试运⾏、调Bug、微调功能模块、产品迭代
根据需求搞设计，根据设计做开发
5-企业技术选型 - ⼏⼤主流技术之间的关系 1. Angular.js 和 Ionic
•
Angular1官⽹
•
Angular2官⽹
•
Ionic 中⽂⽹
•
Ionic 英⽂官⽹
2. Vue.js 和 Weex
hbuilder手机版
•
Vue.js官⽹
•
Weex⽂档
•
Weex - github地址 - 新
•
Weex - github地址 - 旧
3. React.js 和 React-Native
•
React.js英⽂官⽹
•
ReactNative中⽂⽹
•
ReactNative英⽂⽹
Angular, Vue, React 这三个都是前端框架，我们在进⾏混合App开发的时候，只是⽤到了这三个框架的【基础语法】⽽已；
Ionic， Weex， ReactNatvie 这三个都是打包⼯具（提供了相关的命令⾏，只要运⾏指定的命令，就能够把项⽬打包成⼀个⼿机App出来），能够把我们开发出来的应⽤，最终打包成⼀个可安装的⼿机端程序安装包；同时，这三个东西，也提供了好⽤的⼀些⼩组件，⽅便我们去构建移动App的⽤户界⾯；
6-前端混合App开发框架
•
Html5+、ReactNative、Weex、Ionic
•
认识HTML5+
h5+是⼀个产业联盟，它有⼀些互联⽹成员，专门在中国推⼴H5
•
HBuilder官⽹
7-开发框架之间的区别
1.
Html5+ 和 Ionic
2.
ReactNative 和 Weex
8-使⽤HBuilder⽣成安卓应⽤（在线）Hbuilder这个⼯具，是⼀个在线打包⼯具，使⽤很⽅便，不需要在本地配置开发环境；直接将做好的⽹站，通过⼀些简单的操作，就能在线打包为⼀个App出来；在项⽬上右键 -> 发⾏ -> 发⾏为原⽣安装包好处：本地不⽤配置开发环境；操作⽅便，对于程序员来说不关⼼打包的过程，打包过程对于我们来说是透明的；缺点：程序员很少能⼲预打包的过程；源代码被提交到了云端的服务器，存在项⽬核⼼代码被泄露的风险； 9-环境变量的使⽤作⽤：将需要全局使⽤的⼯具或者应⽤程序，配置到Path环境变量中，可以很⽅便的通过命令⾏的形式，在任何想要运⾏这些应⽤程序的地⽅，运⾏它们； 10-移动App开发环境配置【重点】10.1-安装最新版本的java jdk 修改环境变量，新增JAVA_HOME的系统环境变量，值为C:Program Files (x86)Javajdk1.8.0_112，也就是安装JDK的根⽬录修改系统环境变量Path，在Path之后新增%JAVA_HOME%bin;%JAVA_HOME%jrebin; 新建系统环境变量CLASSPATH，值为.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar; 保存所有的系统环境变量，同时退出系统环境变量配置窗⼝，然后运⾏cmd命令⾏⼯具，输⼊javac，如果能出现javac的命令选项，就表⽰配置成功！ 10.2-安装Node.js环境注意：需要安装最新的长期稳定版本，不要实验版本；安装完毕之后的node.js会⾃动配置到全局系统环境变量中安装完毕后，可以输⼊node -v查看node版本号； 10.3-安装C++环境⼤多数情况下操作系统⾃带C++环境，不需要⼿动安装C++环境；如果运⾏报错，则需要⼿动
安装visual studio中的C++环境； 10.4-安装Git环境Git安装完毕后，会⾃动配置到系统环境变量中；可以通过运⾏git --version来检查是否正确安装和配置了Git的环境变量； 10.5-安装Python环境注意：安装Python时候，只能安装2.×的版本，注意勾选安装界⾯上的Add Python to path，这样才能⾃动将Python安装到系统环境变量中；安装完毕之后，可以在命令⾏中运⾏python，检查是否成功安装了python。 10.6-配置安卓环境安装installer_r24.，最好⼿动选择安装到C盘下的android⽬录打开安装的⽬录，将

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。