一: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);
})