前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Cordova插件须知

Cordova插件须知

作者头像
IT晴天
发布2018-08-20 10:07:12
1.1K0
发布2018-08-20 10:07:12
举报
文章被收录于专栏:ionic3+ionic3+ionic3+

ionic可以很方便的安装cordova插件,最新ionic-cli要求cordova插件里面有package.json和plugin.xml才能安装成功,如果缺失,请自行补上,而原来旧的cli不要求package.json文件(插件目录里的,不是ionic项目里的)。

ionic1时期,除了使用cordova插件外,更方便使用插件是用ng-cordova,到了ionic2及以上,ng-cordova又演变成了ionic-native,ionic-native其实不是插件,它是基于typeScript封装了cordova插件的调用模块,也就是说ionic-native只是调用库,而不包含插件代码。

cordova插件常用功能是添加、移除和显示已安装插件列表,依此为以下命令:

ionic cordova plugin add DemoPlugin

ionic cordova plugin rm DemoPlugin

ionic cordova plugin ls

当安装完cordova插件后,一般有两种方式调用cordova插件:

1、基于cordova常规调用方式

若DemoPlugin.doSomething()为插件文档里的方法,则可以这样调用,在import之后,@Component之前加上declare的声明代码。(不然会无法识别DemoPlugin而报错,any表示一个任意类型,这样无论调用什么方法,都不会警告,如果你知道具体什么类或者接口,能把any换成对应的)。

declare let DemoPlugin: any;

然后在代码里调用

DemoPlugin.doSomething();

这种方式的弊端是非常依赖cordova文档,如DemoPlugin不会关联到cordova插件源码,换句话说DemoPlugin点后面不会有相应的方法或对象,从而不能了解其使用信息。

2、基于ionic-native调用

早期的ionic-native是一个全部插件的封装调用库模块,随着插件越来越多,封装的ionic-native就越来越大,虽然只需import ionic-native一次,但是绝大多数插件没有使用就封装进来就显得很冗余了,特别是对于移动端对资源特别苛刻的情况下,开发者的意见越来越大,于是ionic-native被重构:加了@同时,除了core外,其它拆分成一个个模块。这样当装哪个cordova插件时,再装对应的native子模块即可(以@ionic-native做前缀),如下面所示:

ionic cordova plugin add splash-screen; npm install @ionic-native/splansh-screen --save;

最后会反映到package.json里,

"@ionic-native/core":"3.12.1", "@ionic-native/splash-screen":"3.12.1",

调用方式为import后在ts调用即可。

这种方式的好处是,基于typeScript的class概念,每个方法属性都能较清楚地看到定义和说明。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.08.11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、基于cordova常规调用方式
  • 2、基于ionic-native调用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档