Ionic 2 自定义插件typescript用法

由于项目中需要封装一个自定义插件,突然发现在ionic1中使用正常的插件2中没办法使用了,google了半天找到了官方的文档

折腾了好久,终于可以使用自定义插件了,虽然方法有点坑。

主要步骤如下(方法更新到ionic-native v3.12.0,这个版本使用起来还是比较方便的)

1. fork官方的ionic-native项目,并按照规则添加自己插件的class,可以参考其它插件的写法。

3. npm run build并且将dist/my-plugin目录拷贝到ionic2中node_modules/@ionic-native/my-plugin

4. 在ionic2项目中使用:

I) in app.module.ts:

import {MyPluginClass} from 'ionic-native/my-plugin';

将MyPluginClass添加到ngModule的providers中,这一步同系统自带的SplashScreen等插件相同

II) in xxx.ts

import {MyPluginClass} from 'ionic-native/my-plugin';

constructor(private myPluginClass: MyPluginClass)

this.myPluginClass.pluginMethod();


注意:

1. Plugin参数设置如下

@Plugin({

  pluginName: 'your-plugin-nane'

  plugin: 'your-plugin-id', // npm package name, example: cordova-plugin-camera

  pluginRef: '这里填写插件plugin.xml中clobbers对应的值',

  platforms: ['Android', 'iOS']
})

如果上面的内容填写错误可能就会提示插件未安装。

2. 如何上传插件传送门

3. 官方现在提供了生成插件类的命令: 

gulp plugin:create -n PluginName


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值