phonegap3.4外掛開發入門例子
阿新 • • 發佈:2018-10-31
根據官方文件(3.4.0)的外掛開發指南:
http://docs.phonegap.com/en/3.4.0/guide_hybrid_plugins_index.md.html#Plugin%20Development%20Guide
http://docs.phonegap.com/en/3.4.0/guide_platforms_android_plugin.md.html#Android%20Plugins
該外掛的功能就是接收頁面發過來的一個字串,並將字串原樣返回。
1,直接在android工程中新增一個外掛包
在專案名稱上點選右鍵,彈出選單:new->package,Name填寫包的名稱:org.apache.cordova.plugin
2,編寫外掛程式碼
在新建出來的包上點選右鍵,彈出選單:new->file,File Name填寫:Echo.java,檔案內容為:
package org.apache.cordova.plugin; import org.apache.cordova.CordovaPlugin; import org.apache.cordova.CallbackContext; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; /** * This class echoes a string called from JavaScript. */ public class Echo extends CordovaPlugin { @Override public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException { if (action.equals("echo")) { String message = args.getString(0); this.echo(message, callbackContext); return true; } return false; } private void echo(String message, CallbackContext callbackContext) { if (message != null && message.length() > 0) { callbackContext.success(message); } else { callbackContext.error("Expected one non-empty string argument."); } } }
3,配置專案的config.xml
config.xml位於res/xml下,在檔案中增加以下內容:
<feature name="Echo">
<param name="android-package" value="org.apache.cordova.plugin.Echo"/>
</feature>
這裡feature的name就是我們下面使用javascript呼叫時指定的名稱,需要一致就行。org.apache.cordova.plugin.Echo就是包中的類名。
4,在頁面中編寫js程式碼來呼叫外掛
cordova.exec(
function(echoValue){//成功時呼叫的函式
alert(echoValue);
},
function(err) {//失敗時呼叫的函式
alert(err);
},
"Echo", "echo", //對應外掛中的類和方法名
["send to native"]);//發到外掛中的引數
出來就是這麼一個效果: