如何创建一个引入Module的Cordova插件

本文介绍了如何在Cordova插件中添加并管理Android Module,包括在plugin.xml中配置framework,以及利用hook脚本来修改gradle文件。这种方式允许快速更新Module,但可能会遇到自动添加包名的问题。文章还提到了这种方法的优点和缺点,并提供了相关文档链接作为参考。
摘要由CSDN通过智能技术生成

如何创建一个引入Module的Cordova插件

需求背景

之前有说过cordova是什么,如何创建一个cordova的插件
但是之前说的是简单的插件,实际开发过程中,我们可能需要在插件里面用到自定义的module,或者是第三方sdk(有的第三方sdk也以module的形式存在)。
在Android环境下,这种情况还挺常见的。

网上找到的一些例子,通常是讲如何加入module的,很少有说如何将module做成插件,达到可以随时引用或者删除的效果。
强行增加module甚至要去修改cordova库的build代码,npm一更新package,就会出错,也不方便Jenkins进行自动化打包。

那么如何优雅的来做这件事情呢?
事实上,通过阅读官方文档(最新版本英文文档),大致可以知道如何在插件里引入一个module。

Cordova插件和module融合

首先,你得知道,如何添加一个Cordova插件

添加android的module

在插件的文件plugin.xml中Android的配置添加一行framework

<platform name="android">
	<framework src="src/android/test_module" custom="true" />
</platform>

test_module文件夹下所有东西都会被作为一个android的module库拷贝到目标目录。
目标目录的路径为:<projectPath>/<pluginname>/<packagename-test_module>
同时最终的settings.project文件会发生变化,多出如下几行

include ":test_plugin:test_module"
project(":test_plugin:test_module").projectDir = new File("test_plugin/helloworld-test_module")

这几行的作用是使得AndroidStudio自动识别对应的模块。

同时最终的appbuild.gradle文件也会多出:

    implementation(project(path: ":test_plugin:test_module"))

这几行将决定module文件被正确的识别。

优点

相比其他方案,带module的插件在module更新时候,可以更快更新,直接把插件中的module文件夹删除再覆盖即可。不用考虑文件变化,多了少了文件等情况。

缺点

不明白默认的拷贝为什么还会自动多出来个包名,感觉packagename这个前缀没有什么作用,不如没有。

如何用hook修改gradle

实际上拷贝了module之后,很多时候需要额外修改gradle文件来帮助解析。(例如module里面包含arr文件的情况下,需要添加flatDir)
这可以通过在plugin.xml中增加这一段代码来实现

<hook type="after_prepare" src="apply.js" />

cordova build的时候会先进行准备(prepare),然后编译(compile)
after_prepare就是在准备之后,执行的脚本。多数情况下使用after_prepare脚本类型就可以了。
关于脚本类型还有哪些,可以查看官网的Hooks文档
至于例子,可以参考插件cordova-plugin-androidx-adapter

其他文档

Cordova使用入门简介
如何创建Cordova插件

参考文档

以下文档是其他引入module的方案,
直接把module强写到脚本里面,修改cordova源码:
将module写成cordova插件

把module拆成多个文件,引用到插件中:
ionic框架Android平台,添加第三方module引用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
开发 Cordova 插件的基本步骤如下: 1. 创建插件项目 使用 Cordova 命令行工具创建一个新的插件项目,例如: ``` cordova create my-plugin com.example.myplugin MyPlugin ``` 这将创建一个名为 `my-plugin` 的 Cordova 项目,并在 `my-plugin/plugins` 目录下创建一个名为 `com.example.myplugin` 的插件。 2. 添加插件代码 在 `my-plugin/plugins/com.example.myplugin` 目录下创建一个子目录,例如 `src/ios`,在其中添加插件的原生代码。对于 iOS 平台,这通常是一个 `.m` 文件和一个 `.h` 文件。对于 Android 平台,这通常是一个 `.java` 文件。 3. 添加插件描述文件 在 `my-plugin/plugins/com.example.myplugin` 目录下创建一个名为 `plugin.xml` 的文件,该文件描述了插件的信息和功能。插件描述文件示例: ```xml <plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" id="com.example.myplugin" version="1.0.0"> <name>MyPlugin</name> <description>This is my plugin</description> <license>Apache 2.0</license> <keywords>cordova, plugin, myplugin</keywords> <author email="me@example.com" href="http://example.com"> My Name </author> <engines> <engine name="cordova" version=">=3.0.0" /> </engines> <platform name="ios"> <source-file src="src/ios/MyPlugin.m" /> <header-file src="src/ios/MyPlugin.h" /> </platform> <platform name="android"> <source-file src="src/android/MyPlugin.java" /> </platform> </plugin> ``` 4. 安装插件插件添加到 Cordova 项目中: ``` cordova plugin add /path/to/my-plugin ``` 5. 使用插件Cordova 应用程序中使用插件,例如: ```js var myPlugin = cordova.plugins.myPlugin; myPlugin.doSomething(); ``` 以上是 Cordova 插件开发的基本步骤,具体实现需要根据插件的功能和要求进行调整和修改。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值