移动端开发类型简介及Ionic开发环境配置
来源:互联网 发布:数据透视图显示百分比 编辑:程序博客网 时间:2024/05/29 17:38
移动开发类型
为移动设备开发应用一般有三种基础类型:原生应用、移动端网站和Hybrid应用
原生移动应用
创建原生应用,需要使用移动平台默认的语言,ios使用oc或者switch,android使用java。写完之后需要编译应用并将它安装到设备上,开发者可以使用SDK与平台API通信,访问设备中的数据或者通过HTTP请求从外部服务器加载数据。
好处:
- 原生API–原生应用可以在应用中直接使用原生的API,和平台交流最紧密。
- 性能–原生应用性能最好
- 环境相同–原生应用使用原生API写成,对于其他原生开发者来说很容易理解
缺点:原生应用的缺点是开发和维护难度大
- 语言要求–原生应用要求开发者掌握平台对于的语言并且知道如何使用平台提供的API
- 不支持跨平台–每个平台都要独立开发
- 费时费力–需要做很多构建工作,增加成本
- 更新麻烦–需要重新打包
如果不得不使用java或者oc或者团队有大量资源并且真的需要原生应用带来的好处,最好选择原生应用,除此之外,应该考虑一下其他类型的应用
移动端网站(web应用)
移动端网站可以在手机浏览器访问,web应用就是在手机浏览器访问的网站,专门设计成适合手机屏幕尺寸
优点:
- 可维护性–移动端网站很容易更新和维护,没有审核流程,不需要更新设备上的程序
- 免安装–网站在互联网中,不需要安装到移动设备中
- 跨平台–所以移动设备都有浏览器,可以访问应用
缺点
- 不具备原生访问能力–移动端网站运行在浏览器中,不能访问原生API和平台
- 需要使用键盘–用户必须在浏览器中输入地址来寻找或者使用移动端网站
- 受限的用户界面–很难创建对触摸友好的应用
- 移动端访问量下降–用户在移动设备上访问网站的时间不断减少,使用应用的时间越来越多
Hybrid应用
Hybrid应用指的是包含独立浏览器实例的移动应用,这个实例通常被称为webview,可以在原生应用中运行Web应用,Hybrid应用使用原生应用封装器来实现WebView和原生设备平台的通信,意味着Web应用可以运行在移动设备上,并且可以访问设备的功能,比如照相机和GPS。
优点
- 跨平台–可以开发一次,部署到多个平台,最小化开发成本
- 和Web开发公用技术–可以使用开发网站和Web应用的技术来开发移动应用
- 设备访问能力–因为WebView被封装在原生应用中,开发的应用可以像原生应用一样访问所有的设备功能。
- 简化开发–开发流程简单快捷,不需要为了预览重复构建。
缺点
- webview限制–应用只能运行在WebView实例中,意味着应用的性能取决于浏览器
- 没有原生用户界面–如果没有类似于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 cordovanpm update -g ionic
检测是否已安装
可以使用
cordova -vionic -v
创建一个新项目
在命令行中输入
ionic start democd 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 安装
- 移动端开发类型简介及Ionic开发环境配置
- ionic---开发环境配置
- 配置ionic开发环境
- 移动端开发-IONIC
- ionic项目开发环境配置
- 搭建移动端框架Ionic+Genymotion开发环境
- 搭建移动端框架Ionic+Genymotion开发环境
- React Native简介及开发环境配置
- Mac 部分开发环境配置(移动开发)及一些常用命令
- web App 移动开发之ionic开发环境部署
- 混合APP开发环境配置-ionic、cordora
- Hybrid移动APP开发(一):Cordova+Ionic+Angularjs环境配置
- 移动混合开发,国内镜像及局域网Ionic+Cordova配置
- AngularJS +Ionic 移动端开发 一
- AngularJS +Ionic 移动端开发 二
- AngularJS +Ionic 移动端开发 三
- ionic 开发环境搭建
- Ionic开发环境搭建
- 融云 聊天的使用
- xcold中 类文件左侧字母及符号标示含义 A D M R C I ? !
- CocoaPods安装和使用
- 被度娘cdn坑了个半天
- Word怎么处理开始页码问题
- 移动端开发类型简介及Ionic开发环境配置
- HACM 单词数(注意单词的输入与连续空格的出现)
- 2821: 作诗(Poetize)
- CSS样式-列表
- 欢迎使用CSDN-markdown编辑器
- cocos2dx-截取屏幕一部分
- Java反射机制详解
- Docker挂载主机目录Docker访问出现Permission denied的解决办法
- 为图片添加文字