怎么在android studio中编写自定义cordova插件
2016-01-30 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:117538
获赞数:517198
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
展开全部
一、编写JS插件
仅提供Javascript接口可供调用,不与native code相交互。
1、创建如下结构的项目,将其push到github方便后续安装
2、编写配置文件
创建项目之后,修改plugin.xml对该插件进行配置,因为该插件为单纯的js插件,与平台无关,所以plugin.xml配置很简单。
<?xml version="1.0" encoding="utf-8"?>
<plugin xmlns="http://www.phonegap.com/ns/plugins/1.0"
id="cordova.plugin.demo"
version="0.1.0">
<name>CordovaPluginJsDemo</name>
<js-module src="www/jsplugin.js" name="jsplugin">
<clobbers target="JsPlugin" />
</js-module>
</plugin>
3、编写javascript接口
修改jsplugin.js,加入接口内容
var JsPlugin = function() {};
JsPlugin.prototype.alert = function() {
alert("I am a js plugin");
};
var jsPlugin = new JsPlugin();
module.exports = jsPlugin;
完成之后将整个插件内容push到github准备后续安装。
二、创建ionic项目
创建空白ionic项目进行插件测试。
1、创建空白项目,使用ios模拟机测试
ionic start testPlugin blank
cd testPlugin
ionic platform add ios
ionic build ios
ionic emulate ios
2、安装插件
cordova plugin add https://github.com/lissdy/CordovaPluginJSDemo.git
仅提供Javascript接口可供调用,不与native code相交互。
1、创建如下结构的项目,将其push到github方便后续安装
2、编写配置文件
创建项目之后,修改plugin.xml对该插件进行配置,因为该插件为单纯的js插件,与平台无关,所以plugin.xml配置很简单。
<?xml version="1.0" encoding="utf-8"?>
<plugin xmlns="http://www.phonegap.com/ns/plugins/1.0"
id="cordova.plugin.demo"
version="0.1.0">
<name>CordovaPluginJsDemo</name>
<js-module src="www/jsplugin.js" name="jsplugin">
<clobbers target="JsPlugin" />
</js-module>
</plugin>
3、编写javascript接口
修改jsplugin.js,加入接口内容
var JsPlugin = function() {};
JsPlugin.prototype.alert = function() {
alert("I am a js plugin");
};
var jsPlugin = new JsPlugin();
module.exports = jsPlugin;
完成之后将整个插件内容push到github准备后续安装。
二、创建ionic项目
创建空白ionic项目进行插件测试。
1、创建空白项目,使用ios模拟机测试
ionic start testPlugin blank
cd testPlugin
ionic platform add ios
ionic build ios
ionic emulate ios
2、安装插件
cordova plugin add https://github.com/lissdy/CordovaPluginJSDemo.git
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询