ionic实战系列之——使用cordova插件.docxVIP

ionic实战系列之——使用cordova插件今天海文老师要给大家介绍cordova的各种插件，利用好移动设备的功能。首先cordova是一个将web网页内嵌到原生app的平台(核心功能)，然后cordova拥有的插件系统扩展了核心功能。Cordova插件即插即用。有一些由官方项目组提供支持，有很好的维护。有一些是社区提交并维护，也许维护不那么及时，那么在使用前最好确认一下插件是否能在当前cordova正常工作(cordova插件和cordova版本匹配)。第一章 ?Cordova插件1.1 插件使用考虑的问题1.插件是不是必需的首先我们要考虑浏览器是否已经集成了这项功能。因为在很早之前浏览器不具备这些功能，于是有了相应功能的插件，而随着平台更新，那么已经被原生的集成到浏览器了。2.部分插件需要请求权限比如使用相机、地理位置有用户授权的步骤3.插件的质量插件的局限性，也可能存在一些问题4.插件最好随着系统升级一起升级系统持续的升级会修改它们自己提供的API接口，而cordova需要使用这些系统接口，当然希望插件随着系统升级一起升级咯。1.2安装插件?cordova plugin search notification接下来会在浏览器中打开/plugins/?q=notification网页，那么返回很多跟notification(消息通知)的有关的插件。? 点开链接，进入插件的npmjs官网，那里有安装命令。?? ?cordova plugin add org.apache.cordova.dialogs?命令拉去dialogs插件的最新版并添加到插件文件夹中，当然cordova有默认的一些插件的，每个项目中仅需要操作一次即可。1.3使用插件?cordova插件首先以deviceready事件初始化，接下来会以JS服务暴露的方式供开发者使用。插件初始化有两种方式:1.原生的JS使用插件? ?window.addEventListener(deviceready,function(){? ? ? ?if(window.cordova window.cordova.plugins.Keyboard){? ? ? ? cordova.plugins.keyboard.hideKeyboardAccessoryBar(true);?? }});?给window添加监听器addEventListener，第一个参数是deviceready时间，第二个参数是回调函数。2.通过ionic方法来使用插件1.4 Angular和Cordova陷阱第二章 ?使用ngCordova和相机相册插件2.1为什么要使用ngCordova而不是直接使用Cordova API？(1) angular风格的统一接口操作(2)文档完善且有实例以及文档应用说明(3)ionic社区已经挑选好了很棒的插件，不用费力的寻找了。(4)自动处理双向绑定更新2.2安装ngCordova? ? ?(1)直接下载，然后把ng-cordova.js用script标签引入。? ? ?(2)angular.module(App,[ionic,ngCordova]);2.3使用相机相册插件? ? ?第1步:配置初始项目ionic start camera-app? ? ? ? ? ? ? ionic platform add android添加安卓平台? ? ?第2步:把ng-cordova.js引入ionic项目的index.html文件? ? ? ? ? ? scriptsrc=lib/ng-cordova.js/script? ? ? ? ? ??angular.module(starter, [ionic, starter.controllers, starter.services,ngCordova])? ? ?第3步:cordova plugin add cordova-plugin-camera? ? ?npmjs官网可以找到这个命令行，?装好之后，在plugins文件夹依然增加了一个camera的目录? ?第4步:创建相册视图? ? ? ?(1)html部分:? ?ion-view title=相册 ion-header-bar class=bar-subheader button class=button button-positive button-clear ng-click=getPhoto(camera) 拍照片 /button /ion-header-bar ion-content div class=card list ng-repeat=photo in photos div class=item item-i