移动端开发类型简介及Ionic开发环境配置

移动开发类型
为移动设备开发应用一般有三种基础类型：原生应用、移动端网站和Hybrid应用
原生移动应用
创建原生应用，需要使用移动平台默认的语言，ios使用oc或者switch，android使用java。写完之后需要编译应用并将它安装到设备上，开发者可以使用SDK与平台API通信，访问设备中的数据或者通过HTTP请求从外部服务器加载数据。
好处：

1. 原生API–原生应用可以在应用中直接使用原生的API，和平台交流最紧密。
2. 性能–原生应用性能最好
3. 环境相同–原生应用使用原生API写成，对于其他原生开发者来说很容易理解

缺点：原生应用的缺点是开发和维护难度大

1. 语言要求–原生应用要求开发者掌握平台对于的语言并且知道如何使用平台提供的API
2. 不支持跨平台–每个平台都要独立开发
3. 费时费力–需要做很多构建工作，增加成本
4. 更新麻烦–需要重新打包

如果不得不使用java或者oc或者团队有大量资源并且真的需要原生应用带来的好处，最好选择原生应用，除此之外，应该考虑一下其他类型的应用

移动端网站(web应用)
移动端网站可以在手机浏览器访问，web应用就是在手机浏览器访问的网站，专门设计成适合手机屏幕尺寸
优点：

1. 可维护性–移动端网站很容易更新和维护，没有审核流程，不需要更新设备上的程序
2. 免安装–网站在互联网中，不需要安装到移动设备中
3. 跨平台–所以移动设备都有浏览器，可以访问应用

缺点

1. 不具备原生访问能力–移动端网站运行在浏览器中，不能访问原生API和平台
2. 需要使用键盘–用户必须在浏览器中输入地址来寻找或者使用移动端网站
3. 受限的用户界面–很难创建对触摸友好的应用
4. 移动端访问量下降–用户在移动设备上访问网站的时间不断减少，使用应用的时间越来越多

Hybrid应用
Hybrid应用指的是包含独立浏览器实例的移动应用，这个实例通常被称为webview，可以在原生应用中运行Web应用，Hybrid应用使用原生应用封装器来实现WebView和原生设备平台的通信，意味着Web应用可以运行在移动设备上，并且可以访问设备的功能，比如照相机和GPS。

优点

1. 跨平台–可以开发一次，部署到多个平台，最小化开发成本
2. 和Web开发公用技术–可以使用开发网站和Web应用的技术来开发移动应用
3. 设备访问能力–因为WebView被封装在原生应用中，开发的应用可以像原生应用一样访问所有的设备功能。
4. 简化开发–开发流程简单快捷，不需要为了预览重复构建。

缺点

1. webview限制–应用只能运行在WebView实例中，意味着应用的性能取决于浏览器
2. 没有原生用户界面–如果没有类似于Ionic的工具，开发者需要创建所有的用户界面元素

Ionic
onic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。

1.ionic 基于Angular语法，简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。
4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.ionic 专注原生，让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越，运行速度快。

环境配置

开发环境需要的软件
node.js，Ionic CLI，Cordova
1.安装Node.js
可以在命令行中检查Node是否成功安装

node -v

2.安装Ionic CLI和Cordova
在命令行中输入

nmp install -g cordova ionic

如果网速慢的话，可以分开安装
比如:

nmp install -g cordova

如果已安装过，更新可以使用

npm update -g cordova
npm update -g ionic

检测是否已安装
可以使用

cordova -v
ionic -v

创建一个新项目
在命令行中输入

ionic start demo
cd demo

在浏览器中预览

ionic serve 

3.创建Android应用
进入项目目录，

 cd demo
 ionic platform add android
 ionic build android
 ionic emulate android

4.创建iOS应用

 cd demo
 ionic platform add ios
 ionic build ios
 ionic emulate ios

解释一下：
ionic platform add XX 给项目添加平台
ionic build xx 编译
ionic emulate XX 在模拟器中预览(如果在Mac上模拟IOS平台，需要安装ios-sim，命令行输入:npm install -g ios-sim)

参考资料
ionic 安装