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);

})

相關文章
相關標籤/搜索