http://blog.csdn.net/avenleft/article/details/7383294
目前PhoneGap虽然提供了很多的API,但是我们也很容易发现,他有很多地方不能满足我们的需求,比如发短信。我也将介绍如何开发一个针对PhoneGap发短信的Plugin。(Android 版本)。
1、创建一个Android工程,创建之后的目录结构如图:
2、把PhoneGap的android版jar包、javascript和xml文件夹加入工程。(参照上一篇中的做法)目录结构:
3、新增一个类MessagePlugin
这个类就是负责发送短信功能的具体类,可以调用发送短信的android API,当然如果是其他功能,则调用相应的API,但是当使用这个API时记得申请权限。
具体代码:
- package com.phonegap.kiddyu.plugin;
- import org.json.JSONArray;
- import org.json.JSONException;
- import org.json.JSONObject;
- import android.telephony.SmsManager;
- import com.phonegap.api.Plugin;
- import com.phonegap.api.PluginResult;
- publicclass MessagePlugin extends Plugin {
- privatestaticfinal String SEND = "send";
- @Override
- public PluginResult execute(String action, JSONArray data, String callbackId) {
- PluginResult result;
- if (SEND.equals(action)) {
- try {
- JSONObject jsonObj = new JSONObject();
- String target = data.getString(0);
- String content = data.getString(1);
- SmsManager sms = SmsManager.getDefault();
- sms.sendTextMessage(target, null, content, null, null);
- jsonObj.put("target", target);
- jsonObj.put("content", content);
- result = new PluginResult(PluginResult.Status.OK, jsonObj);
- } catch (JSONException ex) {
- result = new PluginResult(PluginResult.Status.JSON_EXCEPTION);
- }catch(IllegalArgumentException ex){
- result = new PluginResult(PluginResult.Status.ERROR);
- }
- } else {
- result = new PluginResult(PluginResult.Status.INVALID_ACTION);
- }
- return result;
- }
- }
- package com.phonegap.kiddyu.plugin;
- import org.json.JSONArray;
- import org.json.JSONException;
- import org.json.JSONObject;
- import android.telephony.SmsManager;
- import com.phonegap.api.Plugin;
- import com.phonegap.api.PluginResult;
- public class MessagePlugin extends Plugin {
- private static final String SEND = "send";
- @Override
- public PluginResult execute(String action, JSONArray data, String callbackId) {
- PluginResult result;
- if (SEND.equals(action)) {
- try {
- JSONObject jsonObj = new JSONObject();
- String target = data.getString(0);
- String content = data.getString(1);
- SmsManager sms = SmsManager.getDefault();
- sms.sendTextMessage(target, null, content, null, null);
- jsonObj.put("target", target);
- jsonObj.put("content", content);
- result = new PluginResult(PluginResult.Status.OK, jsonObj);
- } catch (JSONException ex) {
- result = new PluginResult(PluginResult.Status.JSON_EXCEPTION);
- }catch(IllegalArgumentException ex){
- result = new PluginResult(PluginResult.Status.ERROR);
- }
- } else {
- result = new PluginResult(PluginResult.Status.INVALID_ACTION);
- }
- return result;
- }
- }
package com.phonegap.kiddyu.plugin; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject; import android.telephony.SmsManager; import com.phonegap.api.Plugin; import com.phonegap.api.PluginResult; public class MessagePlugin extends Plugin { private static final String SEND = "send"; @Override public PluginResult execute(String action, JSONArray data, String callbackId) { PluginResult result; if (SEND.equals(action)) { try { JSONObject jsonObj = new JSONObject(); String target = data.getString(0); String content = data.getString(1); SmsManager sms = SmsManager.getDefault(); sms.sendTextMessage(target, null, content, null, null); jsonObj.put("target", target); jsonObj.put("content", content); result = new PluginResult(PluginResult.Status.OK, jsonObj); } catch (JSONException ex) { result = new PluginResult(PluginResult.Status.JSON_EXCEPTION); }catch(IllegalArgumentException ex){ result = new PluginResult(PluginResult.Status.ERROR); } } else { result = new PluginResult(PluginResult.Status.INVALID_ACTION); } return result; } }
4、为phonegap增加一个javascript的API
在工程目录www/js下面增加一个javascript文件:phonegapPlugin.js,然后加入代码:
- var Message = function(){};
- Message.prototype = {
- send: function(success, error, target, content){
- PhoneGap.exec(success, error, "MessagePlugin", "send", [target, content]);
- }
- };
- PhoneGap.addConstructor(function() {
- PhoneGap.addPlugin("message", new Message());
- });
- var Message = function(){};
- Message.prototype = {
- send: function(success, error, target, content){
- PhoneGap.exec(success, error, "MessagePlugin", "send", [target, content]);
- }
- };
- PhoneGap.addConstructor(function() {
- PhoneGap.addPlugin("message", new Message());
- });
var Message = function(){}; Message.prototype = { send: function(success, error, target, content){ PhoneGap.exec(success, error, "MessagePlugin", "send", [target, content]); } }; PhoneGap.addConstructor(function() { PhoneGap.addPlugin("message", new Message()); });
关键的方法是PhoneGap.exec(success, error, "MessagePlugin", "send", [target, content]);
做一下简单的介绍:
success:方法执行成功时调用该函数;
error:方法执行失败时调用该函数;
"MessagePlugin":类名,最好与前面创建的Java类一个样;
"send":插件类中的参数String action;
[target, content]:一个数据,插件类中的参数JSONObject data;
PhoneGap.addPlugin("message", new Message());中的"Message"是你调用send方法时的实例名称。(不知道这样叫是否准确)
5、将自己的插件加入到PhoneGap的配置中
打开目录中res/xml/plugins.xml文件,在最后面加上
<plugin name="MessagePlugin" value="com.phonegap.kiddyu.plugin.MessagePlugin"/>
注意name要和你的插件类名一致! value是类的包名.类名。
插件到这里就算完成了,让我们测试一下到底能不能工作吧。
加入一个简单的html页面(上一篇已经介绍怎么开发,这里不做重复介绍),代码参照下面:
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>
- <script type="text/javascript"charset="utf-8"src="../js/jquery_1_6_4.js"></script>
- <script type="text/javascript"charset="utf-8"src="../js/phonegap-1.2.0.js"></script>
- <script type="text/javascript"charset="utf-8"src="../js/phonegapPlugin.js"></script>
- <script type="text/javascript">
- $(function(){
- var onSend = function(){
- var success = function(data){
- alert("tel : " + data.target + ', and content : ' + data.content);
- };
- var error = function(e){
- alert(e);
- };
- var tel = $('#tel').val();
- var content = $('#content').val();
- window.plugins.message.send(success, error, tel, content);
- };
- $('#send').bind('click', onSend);
- });
- </script>
- </head>
- <body>
- <div id="messageDiv">
- <inputtype="tel"id="tel"value="5556"/>
- <textarearows="20"cols="25"id="content"></textarea>
- <buttontype="button"id="send">Send Me</button>
- </div>
- </body>
- </html>
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript" charset="utf-8" src="../js/jquery_1_6_4.js"></script>
- <script type="text/javascript" charset="utf-8" src="../js/phonegap-1.2.0.js"></script>
- <script type="text/javascript" charset="utf-8" src="../js/phonegapPlugin.js"></script>
- <script type="text/javascript">
- $(function(){
- var onSend = function(){
- var success = function(data){
- alert("tel : " + data.target + ', and content : ' + data.content);
- };
- var error = function(e){
- alert(e);
- };
- var tel = $('#tel').val();
- var content = $('#content').val();
- window.plugins.message.send(success, error, tel, content);
- };
- $('#send').bind('click', onSend);
- });
- </script>
- </head>
- <body>
- <div id="messageDiv">
- <input type="tel" id="tel" value="5556" />
- <textarea rows="20" cols="25" id="content"></textarea>
- <button type="button" id="send">Send Me</button>
- </div>
- </body>
- </html>
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" charset="utf-8" src="../js/jquery_1_6_4.js"></script> <script type="text/javascript" charset="utf-8" src="../js/phonegap-1.2.0.js"></script> <script type="text/javascript" charset="utf-8" src="../js/phonegapPlugin.js"></script> <script type="text/javascript"> $(function(){ var onSend = function(){ var success = function(data){ alert("tel : " + data.target + ', and content : ' + data.content); }; var error = function(e){ alert(e); }; var tel = $('#tel').val(); var content = $('#content').val(); window.plugins.message.send(success, error, tel, content); }; $('#send').bind('click', onSend); }); </script> </head> <body> <div id="messageDiv"> <input type="tel" id="tel" value="5556" /> <textarea rows="20" cols="25" id="content"></textarea> <button type="button" id="send">Send Me</button> </div> </body> </html>
注意在页面中加入你自己的phonegapPlugin.js,而且顺序必须在phonegap.js之后。
其他的都参照上一篇中,修改自己的Activity就开始测试吧!一下是测试截图:
相关推荐
phonegap开发插件包,各个平台的都有,像什么短信收发插件,蓝牙控制插件等等,具体的看文件包吧
phoneGap越来越火了,这是一本英文原版, 有经典实例,对英语要求不高
PhoneGAP书内实例PhoneGAP书内实例
最新phonegap插件集合 包括安卓 ios等平台
PhoneGap常用插件 里面包括ios android等等 基本需要的插件都有 如拨打电话 上传图像等
使用phonegap基于jquery mobile、jqMobi的相关Demo实例。
phonegap2.9.0插件
使用phonegap框架开发android应用程序,免不了需要涉及js与java原生代码的交互,自定义phonegap插件可以满足这个需求。 在本教程中,介绍了怎么使用phonegap插件跳转到另一个Android Activity
PhoneGap+开发指南
phonegap插件开发(功能实现:获取第三方应用,打开第三方应用,判断第三方应用程序是否正在运行,获取手机全球唯一序列号,判断文件是否存在)
支付宝快捷支付phonegap插件demo,项目使用phonegap又用到了支付宝,自测通过。
Phonegap在安卓平台上的插件开发 一个前台html传string到native端经过md5处理后返回结果到前台html的例子
PhoneGap iOS 自定义插件
phonegap插件包Android版本 此代码是完全依赖PhoneGap的项目 此文件夹是为Android特定的插件。
phonegap技术实现了指南针功能,界面跟iphone上的指南针一样,
自己写的一个PhoneGap Camera插件调用 Demo,实现拍照/图库获取图片功能,编译通过~~~具体实现我博客里面有
二维玛扫描phonegap插件,包括java代码,js代码,html代码
它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。
PhoneGAP实例源码,含汇率换算器、万圣节摇摇乐及指南针实例