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

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

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

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

移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第1张图片


        

项目文件目录结构:

移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第2张图片

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

移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第3张图片移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第4张图片移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第5张图片

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

移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第6张图片

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

//name属性为类名
        //value 属性为Java文件包名+类名
   

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

移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第7张图片

到此phonegap插件开发已经完成,是不是很简单啊,最后只要在页面上调用即可!移动开发框架Phonegap3.6 插件开发(实现拨打电话、发短信)_第8张图片


你可能感兴趣的:(Phonegap移动框架)