基于ionic和cordova的跨平台移动app的研究与应用[权威资料]

《基于ionic和cordova的跨平台移动app的研究与应用[权威资料]》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、基于Ionic和Cordova的跨平台移动APP的研究与应用　　摘要：Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的开发框架。该文讨论了如何基于Ionic和Cordova（PhoneGap）开发跨平台移动端HybridApp。使用web技术开发App，要应对很多移动端原生功能调用的问题，Cordova的插件提供了丰富的原生接口，该文中也介绍了部分插件的应用。　　关键词：Ionic；Cordova；HTML5；跨平台；HybridApp　　TP311A1009-3044（2016）01-0119-03　　TheResearchofMulti-

2、platformAppsBasedOnIonicAndCordova（PhoneGap）　　ZHUKai-nan，LIYan-ping，SHENYan-chun，WEIDeng-hang，YUYue　　（SchoolofComputerScienceofBeijingInformationScienceTechnologyUniversity，Beijing100101，China）　　Abstract：Freeandopensource，Ionicoffersalibraryofmobile-optimizedHTML，CSSandJScomponents，gestures

3、，andtoolsforbuildinghighlyinteractiveapps.Inthispaper，howtobuildamulti-platformhybridappbasedonIonicandCordovaisdiscussed.Developingappswithwebmodelwillcometosomeproblemsonhowtousethenativefunctionsprovidedbythemobilephone，CordovapluginssuppliedrichAPIstosolvetheseproblems，thispaperrelatest

4、osomeusefulplugins.　　Keywords：Ionic；Cordova；HTML5；Multi-platform；HybridApp　　1概述　　1.1背景　　智能手机已经成为了人们生活中不可或缺的工具，移动互联网也越来越成为人们生活、学习、工作和娱乐的载体，而随着手机硬件的不断升级，WIFI的广泛覆盖，以及4G网络的发展，使得多种多样功能丰富的应用在移动端的实现成为潮流。但是市场上存在着多操作系统，多型号的移动智能终端，单就安卓一家来看，开发者就几乎要应对碎片级的屏幕和系统差异，这大大提高可移动应用开发的成本。　　在本文中我们讨论如何用Ionic，Angul

5、arJs等web技术和Cordova打包封装来应对跨平台的移动应用开发问题。　　1.2混合模式应用概念阐述　　混合模式（hybrid）应用是相对于NativeApp和WebApp而言的。NativeApp指的是依托于手机本地操作系统，使用原生程式编写的应用程序。WebApp指的是采用HTML5语言写出，生存于浏览器中的网页应用。　　而HybridApp则是这两种模式混合开发出的应用程序，也需要下载安装，但访问的内容是基于Web的，拥有WebApp跨平台和终端的优点，同时又看起来像一个NativeApp，能够使用提供各种系统级别的服务，有良好的用户体验。　　2基于Ionic和C

6、ordova的跨平台应用创建与开发　　2.1应用设计选型　　移动端的前端展示，基于Ionic的UI框架和UI组件，混合HTML和CSS来完成，可以应对Android和IOS的跨平台和屏幕适配问题。业务逻辑采用AngularJs和原生Javascript来编写，AngularJs遵循软件工程的MVC模式，为web应用像传统服务器端一样编程提供了解决方案。　　涉及移动设备的原生接口的调用，采用Cordova的插件和API接口，最终用Cordova打包发布适用于不同平台的应用。　　如果应用涉及到服务器端的支持，采取轻量的数据格式json与服务器端进行数据交互，而对服务器端程序编写的

7、语言和模式几乎没有限制。考虑到移动端和服务器端交互的通信和功能的性能，可以采用RESTful架构。　　2.2Cordova及其运行机制简述　　Cordova是一款开放源代码的App开发框架，旨在让开发者使用HTML、Javascript、CSS等WebAPIs开发跨平台的移动平台应用程序，其原名为PhoneGap，Adobe收购Nitobi公司后，PhoneGap商标保留，代码贡献给了Apache基金会，而Apache将其命名为ApacheCallback，其后发布新版本时，定名为ApacheCordo