您的位置：首页 > 其它

移动开发框架Phonegap3.6 插件开发（实现拨打电话、发短信）

2014-11-30 22:11 387 查看
近期由于公司项目需要开发html5移动应用，所以去了解了html5移动应用开发框架，实现如何调用原生组件如（GPS定位、调用相机、录音、拨打电话、发短信等功能）就目前移动开发框架中Phonegap的表现还是令人满意的，以上的功能需求都可以实现，还可以自定义插件等，下面我就带大家一起写一个自定义的拨打电话发短信的插件。关于Phonegap开发环境搭建在本文中就先不涉及，大家可以借助搜索引擎都可以找到相关教程，之后有时间会给出开发环境搭建教程。（注：本文对应Phonegap3.6版本）

此文章同步于我的个人博客网站：http://www.fengchaokm.com/

先给出页面截图吧，页面比较简单，由一个文本输入框和两个按钮组成



<body>
<div class="app">
<input class="phonenumber" type="text" id="phonenumber" placeholder="请输入手机号码" />
<h2><button class="phonegapstyle" onclick="call();">打电话</button></h2>
<h2><button class="phonegapstyle" onclick="sms();">发短信</button></h2>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
function call(){
window.phoneplugin.call(document.getElementById("phonenumber").value);
};
function sms(){
window.phoneplugin.sms(document.getElementById("phonenumber").value);
};
</script>
</body>
项目文件目录结构：



首先我们来编写插件Java代码：







接下来我们编写PhonePlugin.js代码：



然后找到res/xml/config.xml文件进行相关配置：

<feature name="PhonePlugin"> //name属性为类名

<param name="android-package" value="org.apache.cordova.pluginutils.PhonePlugin" /> //value 属性为Java文件包名+类名

</feature>

然后我们在www目录下找到cordova_plugin.js文件进行如下配置：



到此phonegap插件开发已经完成，是不是很简单啊，最后只要在页面上调用即可！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航