Cordova插件开发

更新时间:2018-07-18 17:09:25 点击次数:1412次

工具与环境介绍

开发工具:Android Studio 2.3、VS Code

Cordova Version: 8.0.0 


开发步骤


1、建立cordova项目

cordova create MyProject

2、添加Android平台

cordova platform add android

3、降低gradle版本

1) 使用vs code打开项目,全局搜索"/gradle-",将StudioBuilder.js和GradleBuilder.js文件中的`gradle-4.1-all.zip`修改为`gradle-3.3-all.zip`;

2)修改classpath,将gradle插件的版本修改为2.2.3:

3) 修改platforms/android/app/build.gradle中的`implementation`为`compile`;


  1. dependencies {
  2. compile fileTree(dir: 'libs', include: '*.jar')
  3. // SUB-PROJECT DEPENDENCIES START
  4. compile(project(path: ":CordovaLib"))
  5. // SUB-PROJECT DEPENDENCIES END
  6. }

4) 在`defaultConfig`闭包中添加:`jackOptions{ enabled true}`


  1. defaultConfig {
  2. ......
  3. jackOptions{
  4. enabled true
  5. }
  6. }

4、运行项目

cordova run android

5、安装plugman插件

npm install plugman -g

6、进入项目目录并构建MyPlugin插件

cd MyProject/plugins
plugman create --name MyPlugin --plugin_id plugin_id --plugin_version 0.1.0

7、向插件添加Android平台支持

cd MyPlugin
plugman platform add --platform_name android

8、修改plugin.xml


  1. <source-file src="src/android/MyPlugin.java" target-dir="src/plugin_id/MyPlugin" />
  2. 改为:
  3. <source-file src="src/android/MyPlugin.java" target-dir="src/plugin_id" />

9、将插件MyPlugin添加至Android项目当中


  1. # 进入项目根目录
  2. plugman install -d --platform android --project platforms/android --plugin plugins/MyPlugin

10、在index.html中调用


  1. # 删除或注释此行标签
  2. <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">-->
  3. # 调用
  4. <script type="text/javascript">
  5. function f(){
  6. cordova.plugins.MyPlugin.coolMethod("hello");
  7. }
  8. </script>
  9. <button onclick="fu()">how how</button>

 

本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是一个个人学习交流的平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽,造成漏登,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

回到顶部
嘿,我来帮您!