cordova插件編寫與使用

安裝插件

npm install -g plugman

創建目錄

plugman create --name EchoPlugin --plugin_id com.joker.cordova --plugin_version 1.0.0
創建成功后你將得到如下目錄:

創建目錄

plugin.xml內容

<?xml version='1.0' encoding='utf-8'?>
<plugin id="com.joker.cordova" version="1.0.0" xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
    <name>EchoPlugin</name>
    <js-module name="EchoPlugin" src="www/EchoPlugin.js">
        <clobbers target="cordova.plugins.EchoPlugin" />
    </js-module>
</plugin>

id為plugman創建命令使用的--plugin_id
version為創建命令使用的--plugin_version

添加android平臺(插件)

cd EchoPlugin/
plugman platform add --platform_name android
執行后你將得到如下目錄:

添加android平臺

EchoPlugin為默認插件,該插件返回調用的字符串參數。
EchoPlugin.java為繼承CordovaPlugin插件的類,主要內容如下

public class EchoPlugin extends CordovaPlugin {

    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
        if (action.equals("coolMethod")) {
            String message = args.getString(0);
            this.coolMethod(message, callbackContext);
            return true;
        }
        return false;
    }

    private void coolMethod(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }
}

核心方法execute執行JS的調用
接收參數:
action調用方法名,
args調用方法傳遞的參數
callbackContext異步回調函數,向JS返回執行結果

添加package.json

(插件安裝需要)
添加后目錄

添加package.json

package.json內容

{
    "name": "cordova-plugin-echo",
    "version": "1.0.0",
    "description": "A sample Apache Cordova application that responds to the deviceready event.",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "Apache Cordova Team",
    "license": "Apache-2.0",
    "cordova": {
        "id": "cordova-plugin-echo",
        "platforms": [
            "android"
        ]
    }
}

文件內容根據自己使用調整

修改插件配置文件plugin.xml

配置解析

plugin.xml

<?xml version='1.0' encoding='utf-8'?>
<plugin 
    id="cordova-plugin-echo" 
    version="1.0.0" 
    xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android">
    <name>EchoPlugin</name>
    <js-module name="EchoPlugin" src="www/EchoPlugin.js">
        <clobbers target="EchoPlugin" />
    </js-module>
    <platform name="android">
        <config-file parent="/*" target="res/xml/config.xml">
            <feature name="EchoPlugin">
                <param name="android-package" value="com.joker.cordova.EchoPlugin" />
            </feature>
        </config-file>
        <config-file parent="/*" target="AndroidManifest.xml"></config-file>
        <source-file src="src/android/EchoPlugin.java" target-dir="src/com/joker/cordova" />
    </platform>
</plugin>

在Ionic中使用

安裝插件
cordova plugin add /Users/joker/Workspace/ionic/cordova/EchoPlugin
插件調用

插件調用

cordova run android
順利的話在APP中可以看到alert的信息。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,622評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,716評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,746評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,991評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,706評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,036評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,029評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,203評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,725評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,451評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,677評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,161評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,857評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,266評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,606評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,407評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,643評論 2 380

推薦閱讀更多精彩內容

  • 前言:用cordova開發hybrid app的過程中,由于是html5開發的app,在手機上很多權限受限制...
    京東內部優惠券閱讀 5,441評論 5 65
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,777評論 25 708
  • Plugin.xml plugin.xml文件定義了你的插件所需的結構和設置。它有幾個元素來提供有關你的插件的詳細...
    葛高召閱讀 1,220評論 0 1
  • 這幾天一直被一個問題困擾著,再加上炎熱的天氣,更是讓我煩上加煩,有瞬間被點爆的感覺。 其實問題的原因很簡單,我的鼠...
    西云閱讀 282評論 0 0
  • 廣告,作為宣傳手段,是廣告主花費一定的廣告費用通過廣告媒介向廣告對象介紹廣告信息,促使廣告對象購買其商品,最終使...
    呢程閱讀 2,996評論 0 2