ionic插件

一:ionic1自定义插件,推荐一篇文章html

http://jingyan.baidu.com/article/3d69c5516f4982f0cf02d7a4.html
添加一个android平台android

plugman platform add --platform_name androidios

对插件进行更新,这时候只须要执行命令:npm

cordova plugin remove cn.xpush.phonegap.XPushPluginjson

这里的“cn.xpush.phonegap.XPushPlugin”就是咱们最开始新建插件的时候的插件ID。ionic

从新安装仍是这个命令:插件

cordova plugin add path/to/your/plugin/dir命令行

把“path/to/your/plugin/dir”替换为本身的插件的目录就行了。3d

二:ionic2自定义插件orm

1.安装 plugman 插件,这个插件能帮咱们方便的建立自定义组件

npm install -g plugman

2.新建组件

命令行进入Ionic2项目根目录,运行下面的命令

plugman create --name MyPlugin --plugin_id com.plugin.myPlugin --plugin_version 0.0.1

3.生成平台(android/ios)插件代码

插件的实现平台不同代码也不一样,但过程是同样的。给插件添加android支持(IOS 同样)

cd MyPlugin
plugman platform add --platform_name ios

4.往项目添加此插件

ionic cordova plugin add (插件路径)

注意点:新环境可能会报“Error: Invalid Plugin! /Users/用户名/项目名/插件名 needs a valid package.json”错误,这须要手动添加package.json文件

$sudo plugman createpackagejson (插件路径)

而后文件中就会出现package.json文件了,而后再执行$ionic cordova plugin add (插件路径),就能够了。

4.插件调用。

在src/pages里面找到须要调用原生的.ts文件

先在@Component以前,import以后,添加“declare let cordova: any;“,不然,不能调用cordova。

cordova.plugins.MyPlugin.coolMethod这个方法中MyPlugin是插件名,

cordova.plugins.MyPlugin.coolMethod(result => {

console.log(result);

}, error => {

console.log(error);

})

相关文章
相关标签/搜索