cordova开发插件,并在android studio中开发、调试

时间:2023-03-09 17:24:56
cordova开发插件,并在android studio中开发、调试

  之前用过cordova Lib包装H5页面,自己写插件,但做法是野路子,不符合cordova插件的开发思路,这次项目又需要包装H5页面,同时需要自定义插件。所以又折腾了一次cordova自定义插件。

我的整体思路是通过cordova命令创建好android项目平台,添加好插件,然后用android studio 打开cordova中android平台的部分,然后丢弃cordova工程。

  整体步骤如下,会详细介绍自定义cordova插件和导入android studio中开发的过程:

1、首先需要安装npm,这个可以通过安装node从而安装nmp。

2、通过 npm install -g cordova 安装cordova。

3、创建cordova工程,参考官网文档,http://cordova.axuer.com/#getstarted。

4、npm添加plugman,命令如下: npm install -g plugman。

5、创建插件:

A、建立文件夹sunmi_print,cmd窗口中cd sunmi_print下。

B、plugman create --name SunmiPrint --plugin_id cordova.plugin.sunmiprint --plugin_version 1.0.0,name会是D中java类的类名;plugin_id 会是D中java类的包名。

C、cd SunmiPrint

D、plugman platform add --platform_name android,通过该命令会在src文件夹中的android目录中生成SunmiPrint.java

E、修改plugin.xml,把id改成cordova-plugin-sunmiprint,把target-dir中的/SunmiPrint去掉。这里应该是plugman的bug。

F、生成package.json文件,命令:npm init name。这边name最好和上面的改的id一样cordova-plugin-sunmiprint,然后一直按enter最后让输入license就可以了。

6、添加插件到cordova工程中,cmd cd到cordova工程目录中,用cordova plugin add  D:\jun_lang\source_code\cordova\sunmi_print\SunmiPrint,添加插件到工程中。

7、用android studio中导入工程中的android,选择导入目录如下,D:\jun_lang\source_code\cordova\roadside\platforms\android。我在导入的过程中提示gradle插件需要studio 3.0,又下载了最新版本。然后调试运行即可。

参考博客:https://www.cnblogs.com/tangwangming/p/7772821.html

https://www.cnblogs.com/tangwangming/p/7744329.html