一:ionic1自定义插件,推荐一篇文章 http://jingyan.baidu.com/article/3d69c5516f4982f0cf02d7a4.html 添加一个android平台 pl
一:ionic1自定义插件,推荐一篇文章
http://jingyan.baidu.com/article/3d69c5516f4982f0cf02d7a4.html
添加一个android平台
plugman platform add --platform_name android
对插件进行更新,这时候只需要执行命令:
cordova plugin remove cn.xpush.phonegap.XPushPlugin
这里的“cn.xpush.phonegap.XPushPlugin”就是我们最开始新建插件的时候的插件ID。
重新安装还是这个命令:
cordova plugin add path/to/your/plugin/dir
把“path/to/your/plugin/dir”替换为自己的插件的目录就好了。
二:ionic2自定义插件
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);
})