android cordova插件开发(纯js插件)
2014-10-29 17:43
381 查看
最近因为工作需要,用到了cordova,但是发现有的功能需要自己开发插件,在度娘上找到的插件开发列子都是工程目录中直接添加代码进行开发,感觉不是很理想,希望能采用标准的插件开发,能用cordova plugin add 和cordova plugin remove进行插件的添加和移除。折腾了2天终于搞定了。在此记录下以备忘。
在这两天以循序渐进的方式学会了插件开发:
纯js插件
native插件,js和native无参数传递
native插件,js和native有参数的传递
开发了基于android 百度定位的插件
首先看下纯js插件的开发流程:
1)、新建一个cordova工程,并且添加android平台,终端命令依次如下:
cordova create plugindemo com.cordova.plugindemo PluginDemo
cd plugindemo
cordova platform add android
注:以后native插件和百度定位插件的开发都基于此工程项目。
2)、在其他任何目录下新建文件夹jsplugin
3)、在jsplugin下新建文件jsplugin.js
5)、在plugindemo项目目录下输入以下终端命令 cordova plugin add jsplugin_path 注:jsplugin_path为jsplugin目录所在的路径
6)、修改www/js下的index.js文件,在onDeviceReady方法中添加如下代码: jsplugin.start();
7)、采用如下命令进行apk打包 cordova build
8)、运行结果截图
![](https://img-blog.csdn.net/20141029174144140?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY3dkMzA2OTcyMzg0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
很少在网上记录,经过多次编辑终于搞定了,看来以后还是要多记录备忘啊。
在这两天以循序渐进的方式学会了插件开发:
纯js插件
native插件,js和native无参数传递
native插件,js和native有参数的传递
开发了基于android 百度定位的插件
首先看下纯js插件的开发流程:
1)、新建一个cordova工程,并且添加android平台,终端命令依次如下:
cordova create plugindemo com.cordova.plugindemo PluginDemo
cd plugindemo
cordova platform add android
注:以后native插件和百度定位插件的开发都基于此工程项目。
2)、在其他任何目录下新建文件夹jsplugin
3)、在jsplugin下新建文件jsplugin.js
module.exports = { start:function(){ alert('hello cordova!'); } };4)、在jsplugin下新建文件plugin.xml
<?xml version="1.0" encoding="UTF-8"?> <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" xmlns:android="http://schemas.android.com/apk/res/android" id="com.cordova.jsplugin" version="0.0.1"> <name>jsplugin</name> <description>Cordova Camera Plugin</description> <author>chenwandong</author> <keywords>jsplugin</keywords> <license>Apache 2.0</license> <keywords>cordova,jsplugin,demo</keywords> <js-module src="jsplugin.js" name="jsplugin"> <clobbers target="jsplugin" /> </js-module> </plugin>
5)、在plugindemo项目目录下输入以下终端命令 cordova plugin add jsplugin_path 注:jsplugin_path为jsplugin目录所在的路径
6)、修改www/js下的index.js文件,在onDeviceReady方法中添加如下代码: jsplugin.start();
7)、采用如下命令进行apk打包 cordova build
8)、运行结果截图
很少在网上记录,经过多次编辑终于搞定了,看来以后还是要多记录备忘啊。
相关文章推荐
- Android基于cordova3.3插件开发
- Android Cordova 插件开发之编写自定义插件
- Cordova Android Plugins插件开发流程
- ionic2自定义cordova插件开发以及使用(Android)
- Android Cordova 插件开发之编写自定义插件
- Android Cordova 插件开发之创建项目
- Cordova Android 插件开发(网络端(服务器)调用Android插件(java))
- Android基于cordova3.3的插件开发
- cordova开发:android端用video.js播放视频,解决退出全屏后应用被状态栏遮挡
- Android Cordova 插件开发之Cordova安装
- cordova开发插件步骤及小结(android插件)
- Cordova-Android 插件开发
- Cordova自定义插件,解决Android混合开发向原生开发的过渡
- cordova 开发属于自己的插件---android
- Android Cordova 插件开发之创建项目
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例
- Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例
- Android与js交互(四)自定义cordova插件
- (2)cordova android自定义插件开发