uniapp安卓Android原生插件开发实战详解教程-uniapp-原哥博客-专注移动开发技术领域技术分享

技术支持：点击这里直接沟通

开发环境

JAVA环境 jdk1.8
Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区
App离线SDK下载：请下载2.9.8+版本的android平台SDK

注意

插件目前暂时不支持Kotlin
gradle版本注意事项

修复部分SDK集成后编译打包失败问题
适配android11的编译新特性。
修复tools.build:gradle:3.2.1版本编译检测是否需要AndroidX依赖库不准确问题。如果您的插件在HX3.0.0+版本编译报错需要AndroidX依赖库。那证明您之前集成的SDK是需要AndroidX的。请配置useAndroidX。具体可查看package.json
如果您下载的SDK是3.0.0+版本请将本地gradle版本升级到6.5-all，tools.build:gradle版本升级到4.1.1。防止编译报错等问题。如果遇到编译内存不足可能是关闭了R8混淆导致需要开启。
tools.build:gradle:4.1.1版本编译器可能无法适配老的插件原生编译。会导致之前的插件可能无法正常编译通过或编译完成apk无法正常使用！需要插件开发者尽快适配4.1.1的编译环境。
HX3.0.0+版本云打包及相应版本SDK都将gradle版本4.6-all升级到6.5-all，tools.build:gradle版本3.2.1升级到4.1.1。

Activity变更为FragmentActivity注意事项

requestPermissions需要限制requestCode的值域，之前Activity没有限制requestCode的值域。FragmentActivity的权限申请限制requestCode的值域不能为负值,也不能大于16位bit值65536。否则报异常或崩溃Can only use lower 16 bits for requestCode，强烈推荐使用0~60500之间取值。
HX3.0.7版本云打包及相应版本SDK开始将Activity变更为FragmentActivity.解决部分插件开发者需要加载Fragment的需求。但也带来了一些代码与之前不同的修改。需要注意以下问题：

导入uni插件原生项目

UniPlugin-Hello-AS工程请在App离线SDK中查找
点击Android Studio菜单选项File--->New--->Import Project。

导入选择UniPlugin-Hello-AS工程，点击OK! 等待工程导入完毕。

如果出现Android SDK路径不对问题，请在Android Studio中鼠标右键UniPlugin-Hello-AS选择Open Module Settings, 在SDK Location 中设置相关环境路径

插件开发

Tips

特别注意uni-app插件目前仅支持Module扩展和Component扩展，暂时不支持Adapter扩展！！！

扩展 Module

Module 扩展非 UI 的特定功能

下面以TestModule为例，源码请查看 UniPlugin-Hello-AS(2.9.8+)工程中的uniplugin_module模块；

创建Android Studio的Module模块

在现有Android项目中创建library的Module。例如uniplugin_module
配置刚创建的Module的build.gradle信息。

示例:

//导入aar需要的配置 repositories {     flatDir {         dirs 'libs'     } } dependencies {     //必须添加的依赖     compileOnly 'com.android.support:recyclerview-v7:28.0.0'     compileOnly 'com.android.support:support-v4:28.0.0'     compileOnly 'com.android.support:appcompat-v7:28.0.0'     compileOnly 'com.alibaba:fastjson:1.1.46.android'     compileOnly fileTree(include: ['uniapp-v8-release.aar'], dir: '../app/libs') }Copy to clipboardErrorCopied

Tips:

uniapp-v8-release.aar是扩展module主要依赖库，必须导入此依赖库！

创建TestModule类

Module 扩展必须继承 UniModule 类

示例:

public class TestModule extends UniModuleCopy to clipboardErrorCopied

扩展方法必须加上@UniJSMethod (uiThread = false or true) 注解。UniApp 会根据注解来判断当前方法是否要运行在 UI 线程，和当前方法是否是扩展方法。
UniApp是根据反射来进行调用 Module 扩展方法，所以Module中的扩展方法必须是 public 类型。

示例:

//run ui thread @UniJSMethod(uiThread = true) public void testAsyncFunc(JSONObject options, UniJSCallback callback) {     Log.e(TAG, "testAsyncFunc--"+options);     if(callback != null) {         JSONObject data = new JSONObject();         data.put("code", "success");         callback.invoke(data);     } } //run JS thread @UniJSMethod (uiThread = false) public JSONObject testSyncFunc(){     JSONObject data = new JSONObject();     data.put("code", "success");     return data; }Copy to clipboardErrorCopied

同样因为是通过反射调用，Module 不能被混淆。请在混淆文件中添加代码：

-keep public class * extends io.dcloud.feature.uniapp.common.UniModule{*;}Copy to clipboardErrorCopied

Module 扩展的方法可以使用 int, double, float, String, Map, List ,com.alibaba.fastjson.JSONObject 类型的参数

扩展组件 Component

Component 扩展实现特别功能的 Native 控件

下面以TestComponent为例，源码请查看 UniPlugin-Hello-AS(2.9.8+)工程中的uniplugin_component模块；

创建Android Studio的Module模块

请参考扩展 Module

创建TestComponent类

Component 扩展类必须继承 UniComponent

示例:

public class TestText extends UniComponent<TextView>Copy to clipboardErrorCopied

UniComponent的initComponentHostView回调函数。构建Component的view时会触发此回调函数。

示例:

@Override protected TextView initComponentHostView(@NonNull Context context) {     TextView textView = new TextView(context);     textView.setTextSize(20);     textView.setTextColor(Color.BLACK);     return textView; }Copy to clipboardErrorCopied

Component 对应的设置属性的方法必须添加注解 @UniComponentProp(name=value(value is attr or style of dsl))

示例:

@UniComponentProp(name = "tel") public void setTel(String telNumber) {     getHostView().setText("tel: " + telNumber); }Copy to clipboardErrorCopied

UniApp sdk 通过反射调用对应的方法，所以 Component 对应的属性方法必须是 public，并且不能被混淆。请在混淆文件中添加代码
```
-keep public class * extends io.dcloud.feature.uniapp.ui.component.UniComponent{*;}Copy to clipboardErrorCopied
```
Component 扩展的方法可以使用 int, double, float, String, Map, List , com.alibaba.fastjson.JSONObject类型的参数,

Component 定义组件方法.

示例:

<template>    <div>        <myText ref="telText" tel="12305" style="width:200;height:100" @onTel="onTel" @click="myTextClick"></myText>    </div> </template> <script>      export default {          methods: {              myTextClick(e) {                this.$refs.telText.clearTel();            }        }      }  </script>Copy to clipboardErrorCopied

在组件中如下声明一个组件方法

@UniJSMethod public void clearTel() { getHostView().setText(""); }Copy to clipboardErrorCopied

注册组之后，你可以在nvue 文件中调用

component 自定义发送事件

向JS环境发送一些事件，比如click事件

void fireEvent(elementRef,type) void fireEvent(elementRef,type, data) void fireEvent(elementRef,type,data,domChanges)Copy to clipboardErrorCopied

elementRef(String)：产生事件的组件id
type(String): 事件名称，UniApp默认事件名称格式为"onXXX",比如OnPullDown
data(Map
): 需要发送的一些额外数据，比如click时，view大小，点击坐标等等。
domChanges(Map
): 目标组件的属性和样式发生的修改内容

示例:

以myText标签为例，通过 @事件名="方法名" 添加事件，如下添加onTel事件，源码请查看 UniPlugin-Hello-AS工程中的uniplugin_component模块

//原生触发fireEvent 自定义事件onTel Map<String, Object> params = new HashMap<>(); Map<String, Object> number = new HashMap<>(); number.put("tel", telNumber); //目前uni限制 参数需要放入到"detail"中 否则会被清理 params.put("detail", number); fireEvent("onTel", params);Copy to clipboardErrorCopied

//标签注册接收onTel事件 <myText tel="12305" style="width:200;height:100" @onTel="onTel"></myText> //事件回调 methods: {       onTel: (e)=> {         console.log("onTel="+e.detail.tel);     } }Copy to clipboardErrorCopied

UniJSCallback结果回调

JS调用时，有的场景需要返回一些数据，比如以下例子，返回x、y坐标

void invoke(Object data); void invokeAndKeepAlive(Object data);Copy to clipboardErrorCopied

invoke调用javascript回调方法，此方法将在调用后被销毁。
invokeAndKeepAlive 调用javascript回调方法并保持回调活动以备以后使用。

示例：

@UniJSMethod(uiThread = true) public void testAsyncFunc(JSONObject options, UniJSCallback callback) {     Log.e(TAG, "testAsyncFunc--"+options);     if(callback != null) {         JSONObject data = new JSONObject();         data.put("code", "success");         callback.invoke(data);     } }Copy to clipboardErrorCopied

注意

执行自定义事件fireEvent时params的数据资源都要放入到"detail"中。如果没有将你得返回的数据放入"detail"中将可能丢失。请注意！！！

globalEvent 事件

用于页面监听持久性事件，例如定位信息，陀螺仪等的变化。

示例：

页面监听event事件

var globalEvent = uni.requireNativePlugin('globalEvent'); globalEvent.addEventListener('myEvent', function(e) {   console.log('myEvent'+JSON.stringify(e)); });Copy to clipboardErrorCopied

插件原生代码发出myEvent事件

Map<String,Object> params=new HashMap<>(); params.put("key","value"); mUniSDKInstance.fireGlobalEventCallback("myEvent", params);Copy to clipboardErrorCopied

注意 globalEvent事件只能通过页面的UniSDKInstance实例给当前页面发送globalEvent事件。其他页面无法接受。

插件示例--RichAlert

封装了一个 RichAlertModule, 富文本alert弹窗Module

代码可参考UniPlugin-Hello-AS工程中的uniplugin_richalert模块。（UniPlugin-Hello-AS工程请在App离线SDK中查找）

public class RichAlertModule extends UniDestroyableModule {     ...     @UniJSMethod(uiThread = true)     public void show(JSONObject options, UniJSCallback jsCallback) {         if (mUniSDKInstance.getContext() instanceof Activity) {             ...             RichAlert richAlert = new RichAlert(mUniSDKInstance.getContext());             ...             richAlert.show();             ...         }     }     ...     ...     @UniJSMethod(uiThread = true)     public void dismiss() {         destroy();     }     @Override     public void destroy() {         if (alert != null && alert.isShowing()) {             UniLogUtils.w("Dismiss the active dialog");             alert.dismiss();         }     } }Copy to clipboardErrorCopied

HBuilderX 项目中使用RichAlert示例

// require插件名称   const dcRichAlert = uni.requireNativePlugin('DCloud-RichAlert');               // 使用插件   dcRichAlert.show({       position: 'bottom',       title: "提示信息",       titleColor: '#FF0000',       content: "<a href='https://uniapp.dcloud.io/' value='Hello uni-app'>uni-app</a> 是一个使用 Vue.js 开发跨平台应用的前端框架!\n免费的\n免费的\n免费的\n重要的事情说三遍",       contentAlign: 'left',       checkBox: {           title: '不再提示',           isSelected: true       },       buttons: [{           title: '取消'       },       {           title: '否'       },       {           title: '确认',           titleColor: '#3F51B5'       }       ]   }, result => {       switch (result.type) {           case 'button':               console.log("callback---button--" + result.index);               break;           case 'checkBox':               console.log("callback---checkBox--" + result.isSelected);               break;           case 'a':               console.log("callback---a--" + JSON.stringify(result));               break;           case 'backCancel':               console.log("callback---backCancel--");               break;      }   });Copy to clipboardErrorCopied

插件调试

本地注册插件

以上两种方式选一即可

第一种方式

在UniPlugin-Hello-AS工程下 “app” Module根目录assets/dcloud_uniplugins.json文件。在moudles节点下添加你要注册的Module 或 Component

第二种方式

public class RichAlert_AppProxy implements UniAppHookProxy {     @Override     public void onCreate(Application application) {         //当前uni应用进程回调 仅触发一次 多进程不会触发       //可通过UniSDKEngine注册UniModule或者UniComponent     }   @Override   public void onSubProcessCreate(Application application) {       //其他子进程初始化回调 可用于初始化需要子进程初始化需要的逻辑   } }Copy to clipboardErrorCopied

创建一个实体类并实现UniAppHookProxy接口，在onCreate函数中添加组件注册相关参数或填写插件需要在启动时初始化的逻辑。
在UniPlugin-Hello-AS工程下 “app” Module根目录assets/dcloud_uniplugins.json文件，在hooksClass节点添加你创建实现UniAppHookProxy接口的实体类完整名称填入其中即可 (有些需要初始化操作的需求可以在此处添加逻辑，无特殊操作仅使用第一种方式注册即可无需集成UniAppHookProxy接口)

dcloud_uniplugins.json说明

nativePlugins：插件跟节点可存放多个插件
hooksClass：生命周期代理（实现AppHookProxy接口类）格式(完整包名加类名)
plugins: 插件数组
name : 注册名称
class : module 或 component 实体类完整名称
type : module 或 component类型。

{     "nativePlugins": [         {             "hooksClass": "uni.dcloud.io.uniplugin_richalert.apphooks",             "plugins": [             {                 "type": "module",                 "name": "DCloud-RichAlert",                 "class": "uni.dcloud.io.uniplugin_richalert.RichAlertModule"             }             ]         }     ] }Copy to clipboardErrorCopied

集成uni-app项目测试插件

安装最新HbuilderX 大于等于1.4.0+
创建uni-app工程或在已有的uni-app工程编写相关的.nvue 和.vue文件。使用uni-app插件中的module 或 component。
xxx.vue 示例代码（源码请参考UniPlugin-Hello-AS项目中uniapp示例工程源码文件夹的unipluginDemo工程）

选择发行--->原生APP-本地打包--->生成本地打包App资源等待资源生成！

在控制台会输出编译日志，编译成功会给出App资源路径

把APP资源文件放入到UniPlugin-Hello-AS工程下 app Module根目录assets/apps/测试工程appid/www对应目录下,再修改assets/data/dcloud_control.xml!修改其中appid=“测试工程appid”!,测试工程UniPlugin-Hello-AS 已有相关配置可参考。具体可查看App离线打包。
appid注意一定要统一否则会导致应用无法正常运行！

配置"app"Module下的 build.gradle. 在dependencies节点添加插件project引用（以uniplugin_richalert为例）

// 添加uni-app插件 implementation project(':uniplugin_richalert')Copy to clipboardErrorCopied

运行测试。测试运行时一切要以真机运行为主。

生成uni-app插件

完整的android 插件包.ZIP包含：

点击查看具体说明
.aar文件插件包
libs文件夹存放插件包依赖的第三方 .jar文件和.so文件
android文件里面存放XXX.aar 、libs文件夹。
package.json 插件信息

准备相关文件

创建已插件id命名的文件夹
创建android文件夹。并将该文件夹放入到新建的插件id命名的文件夹中

示例:

|-- DCloud-RichAlert --->插件id命名的文件夹    |-- android       --->安卓插件目录Copy to clipboardErrorCopied

生成插件的aar并放入到android目录下

选择Gradle--->插件module--->Tasks--->build--->assembleRelease编译module的aar文件
注意：新版本Android studio将assembleRelease放入other中了

创建package.json文件并填写必要的信息。放入到android目录下
创建libs文件夹。并放入到android目录下

将插件依赖的jar文件放入到libs文件夹中
将插件依赖的.so文件放入到libs文件夹中

将插件依赖的aar文件放入到插件android目录下

注意目前发现部分同学将开发插件的uniapp-v8-release.aar、uniapp-release.aar放到了插件包libs中。导致冲突。切记不要放进libs里去！！！

插件编写命名规范

源代码的package中一定要作者标识防止与其他插件冲突导致插件审核失败，无法上传。
如示例中插件类的“package uni.dcloud.io.uniplugin_richalert;” “dcloud”就是作者标识！
Module的注册命名首先必须要使用id为前缀。与id完全相同也可以！如果你的插件中可能存在多个Module就需要注意id为前缀的重要性。
Component的注册命名还没有严格要求。但开发者尽量使用id前缀。减少与其他插件的命名冲突导致插件无法正常运行。

Tips：

id？请阅读package.json

示例：

{     "name": "插件名称",     "id": "DCloud-RichAlert", // 插件标识     "version": "插件版本号",     "description": "插件描述信息",     "_dp_type":"nativeplugin",     "_dp_nativeplugin":{         "android": {             "plugins": [                 {                     "type": "module",                     "name": "DCloud-RichAlert_TestModule", //id为前缀                     "class": "uni.dcloud.io.uniplugin_richalert.TestModule"                 },                 {                     "type": "component",                     "name": "DCloud-RichAlert_TestComponent",                     "class": "uni.dcloud.io.uniplugin_richalert.TestComponent"                 }             ]         }     }     ...     ...Copy to clipboardErrorCopied

生成uni插件压缩包

压缩插件id命名的文件夹为zip即可。具体目录机构如下：

一级目录以插件id命名，对应package.json中的id字段！存放android文件夹和package.json文件。

二级目录 android 存放安卓插件 .aar 文件 .jar .so放入到libs下

注意：.os文件需要注意 armeabi-v7a、x86 、arm64-v8a以上三种类型的.so必须要有，如果没有无法正常使用！！

提交插件市场

登录注册DCloud插件市场按提示步骤提交插件（需要编写对应插件的说明文档，md（markdown）格式）

本地插件提交云端打包

插件注意事项

目前对UniApp支持的问题

Activity的获取方式。通过mUniSDKInstance.getContext()强转Activity。建议先instanceof Activity判断一下再强转
.vue暂时只能使用module形式。component还不支持在.vue下使用
component、module的生命周回调，暂时只支持onActivityDestroy 、onActivityPause、onActivityResult其他暂时不支持

Tips onActivityResume事件存在缺陷。应用第一次启动无法正常收到onActivityResume事件，后台切换到前台是可以收到的。

示例:

@Override public void onActivityPause() {     UniLogUtils.e(TAG, "onActivityPause"); } @Override public void onActivityResume() {     UniLogUtils.e(TAG, "onActivityResume"); }Copy to clipboardErrorCopied

第三方依赖库

均要使用compileOnly依赖方式，打包时需要配置或挪动文件到相关文件夹中。打包插件介绍时会有相关的具体描述！
请参考android平台所有依赖库列表, 编写自己插件时需要查看是否与编译的程序依赖有冲突，防止审核失败或编译失败等问题。
对有些插件需要引用到.so文件，需要特殊配置一下.请参考Android studio添加第三方库和so
代码中用到的JSONObject、JSONArray 要使用com.alibaba.fastjson.JSONArray;com.alibaba.fastjson.JSONObject; 不要使用org.json.JSONObject;org.json.JSONArray 否则造成参数无法正常传递使用等问题。
尽量去下载相关的aar或jar，然后配置到插件包相应文件夹下。aar放到android目录下。jar放到libs目录下。如果不下载也可以。可使用compileOnly修饰，然后将相应的依赖库名称配置到package.json中的dependencies节点下。
第三方库依赖冲突。一种是主app已完整集成相关第三方库。可使用用compileOnly修饰即可。如果主app仅集成了部分第三方库。可参考https://blog.csdn.net/wapchief/article/details/80514880
.os文件需要注意 armeabi-v7a、x86 、arm64-v8a以上三种类型的.so必须要有，如果没有无法正常使用！！
插件中包含FileProvider云打包冲突，可通过http://ask.dcloud.net.cn/article/36105此贴配置绕过。
插件中有资源路径返回时，请使用绝对路径file://开头防止不必要的路径转换问题。

广告插件说明

由于官方 UniAD 广告组件集成了“广点通”和“穿山甲”SDK，目前不支持自行开发包含这两个SDK的原生插件，云打包会导致冲突；

常见问题

Q:云打包运行插件提示"XXX"插件不存在？

A:按以下步骤检测自己项目:

1、请使用自定义基座测试自己插件。默认基座并不包含你的插件。

2、确认打包时是否勾选了"XXX"插件。

3、查看插件配置package.json这也是多数同学容易犯错的地方。主要检查class配置的信息与插件中的aar是否匹配。

4、插件中依赖库没有添加到配置或者aar中。多数为离线工程没问题，云打包有问题！认真检查依赖库是否都包含在插件中。

5、以上都不能解决你的问题，请@客服

Q:插件中怎么跳转原生Activity页面
A:获取UniSDKInstance对象。该对象中可以获取到上下文.通过startActivity跳转

示例

@UniJSMethod (uiThread = true) public void gotoNativePage(){     if(mUniSDKInstance != null) {         Intent intent = new Intent(mUniSDKInstance.getContext(), NativePageActivity.class);         mUniSDKInstance.getContext().startActivity(intent);     } }Copy to clipboardErrorCopied

Q:插件跳转Activity页面后。Activity页面关闭后有数据需要返回。怎么能实现？
A:可以按以下步骤操作实现：

在插件的UniModule/UniComponent实现onActivityResult方法。通过标识code和参数KEY去区分当前的Result是你需要的返回值

示例

public static int REQUEST_CODE = 1000; //数据返回标识code  @Override public void onActivityResult(int requestCode, int resultCode, Intent data) {    if(requestCode == REQUEST_CODE && data.hasExtra("respond")) {        Log.e("TestModule", "原生页面返回----"+data.getStringExtra("respond"));    } else {        super.onActivityResult(requestCode, resultCode, data);    } }Copy to clipboardErrorCopied

通过startActivityForResult加上返回标识code跳转其他Activity页面。

示例

@UniJSMethod (uiThread = true) public void gotoNativePage(){    if(mUniSDKInstance != null && mUniSDKInstance.getContext() instanceof Activity) {        Intent intent = new Intent(mUniSDKInstance.getContext(), NativePageActivity.class);        ((Activity)mUniSDKInstance.getContext()).startActivityForResult(intent, REQUEST_CODE);    } }Copy to clipboardErrorCopied

Activity页面在关闭前调用setResult设置标识code将要返回的参数放进Intent中。

示例

Intent intent = new Intent(); intent.putExtra("respond", "我是原生页面"); setResult(TestModule.REQUEST_CODE, intent); finish();Copy to clipboardErrorCopied

Q:插件开发支持Androidx吗?
A:可以配置package.json 设置useAndroidX = true 目前已知讯飞语音无法支持androidx配置不能兼容需要注意并提醒插件使用者。

Q:component、module的生命周回调不支持OnActivityCreate()，某些注册服务需要该事件注册怎么办。
A:component可以在的构造函数中调用相关注册初始化服务等操作， module的构造无法获取到上下文。可能需要换一个思路。通过js调用相关初始化的函数。

Q:打包发现集成的三方库与主APP集成的三方库有冲突。导致无法打包成功？

请尽量使用主APP集成的三方库去实现你的插件依赖集成。请告知使用该插件需要‘XXX’模块才可正常运行。版本号可查看
如果集成的三方库无法使用主APP集成的三方库。请告知插件使用者不要集成‘XXX’模块。防止打包失败。

Q：HX3.0.0+版本云打包编译之前插件无法编译通过。HX2.9.8版本云打包是可以的。

请检查一下之前编译插件的配置build.gradle文件。检测是否使用api files(xxx.aar)引入某些依赖库aar文件。如果有这样的配置请改为使用compileOnly 修饰。否则无法在3.0.0+编译通过。主要原因就是资源冲突。 api files(xxx.aar)这种玩法是错误的。
检查一下自己插件aar中的classes.jar文件。使用压缩工具查看一下classes.jar里的文件是否存在资源文件。如AndroidManifest.xml、res等资源文件需要删除。否则无法在3.0.0+编译通过。

Q：插件SDK部分需要在Application初始化。目前在AppHookProxy中onCreate初始化无效

A: 请使用UniAppHookProxy接口有onSubProcessCreate子进程初始化回调。将SDK需要在Application初始化的代码onCreate和onSubProcessCreate都放一份就可以了。

uniapp安卓Android原生插件开发实战详解教程

相关文章

评论