uniapp安卓原生插件开发流程

您所在的位置：网站首页 › 桌面插件安卓制作uniapp › uniapp安卓原生插件开发流程

uniapp安卓原生插件开发流程

2023-07-02 06:50| 来源: 网络整理| 查看: 265

文章目录记录下uni原生插件开发流程一、准备开发环境二、开发调试插件一、导入项目一、创建插件Library三、创建uni项目三、调试插件三、打包为本地插件四、调试本地插件五、发布本地插件到插件市场

记录下uni原生插件开发流程

看官方文档看的有点头蒙特此记录下作为长期伸手党的我深知你们喜欢的是什么在这里插入图片描述 OK先上源码链接 Hbuilder X打开 UniToast AndroidStudio打开UniPlugin-Hello-AS 注意此项目使用的是uni [email protected]_20201111

参考文章官方文档链接

一、准备开发环境 JAVA环境 jdk1.8Android StudioApp离线SDK下载：请下载2.9.8+版本的android平台SDK官网SDK解压后如下图在这里插入图片描述

二、开发调试插件一、导入项目导入uni插件原生项目 UniPlugin-Hello-AS工程请在App离线SDK中查找点击Android Studio菜单选项File—>New—>Import Project。在这里插入图片描述

导入以后目录结构如下在这里插入图片描述

升级项目为androidx 点击等待即可

一、创建插件Library 因为uni的toast有字符长度限制下面用一个最简单的调用原生Toast的方式在这里插入图片描述

选择Android Library 在这里插入图片描述

输入 Library名称toastplus 点击finish 在这里插入图片描述

然后在app目录下的build.gradle下引入 toastplus 在这里插入图片描述

将app libs目录下的 uniapp-v8-release.aar包(名字可能不一样)复制到 toastplus libs下在这里插入图片描述

然后修改modle toastplus中的build.gradle文件引入aar包点击右上角同步即可在这里插入图片描述

然后在modle目录下创建ToastPlus类集成UniMoudle 在这里插入图片描述

ToastPlus代码如下

public class ToastPlus extends UniModule { JSCallback jsCallback; String path = ""; /** * 简单回调示例 * 传入一个String类型处理并返回 */ @JSMethod(uiThread = true) public void processData(String data, JSCallback jsCallback) { this.jsCallback = jsCallback; if (mWXSDKInstance != null && mWXSDKInstance.getContext() instanceof Activity) { path = data + "+(处理完成)"; //返回处理结果进行回调 jsCallback.invoke(path); } } /** * 调用原生Toast显示传入内容 */ @JSMethod(uiThread = true) public void showToast(String message) { if (mWXSDKInstance != null && mWXSDKInstance.getContext() instanceof Activity) { Toast.makeText(mWXSDKInstance.getContext(), message, Toast.LENGTH_SHORT).show(); } } } 在app/dcloud_uniplugins.json文件中添加插件信息在这里插入图片描述

name为uni调用原生插件的名称 class为绝对路径三、创建uni项目

打开HBuilderX，务必保证使用最新uniapp安卓原生SDK以及HBuilderX最新版本

新建uniapp项目并修改index代码在这里插入图片描述

index.vue代码如下

点击显示原生Toast 回调的使用 const ToastPlusModule = uni.requireNativePlugin("toastplus") export default { data() { return { message: '我是一条很长的Toast我是一条很长的Toast', waitprocessdata: '我是待处理的数据' } }, onLoad() { }, methods: { showToast(message) { ToastPlusModule.showToast(message) }, processData(data) { ToastPlusModule.processData(data, processokdata => { ToastPlusModule.showToast(processokdata) }) } } } .button1 { display: flex; margin-top: 200rpx; margin-left: auto; margin-right: auto; flex-direction: column; align-items: center; justify-content: center; } .button2 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 100rpx; margin-left: auto; margin-right: auto; margin-bottom: 50rpx; } 三、调试插件

点击本地资源打包在这里插入图片描述控制台会输出路径

复制**__UNI__904803F** 文件夹到AndroidStudio app/src/main/assets/apps/目录下并修改 dcloud_control.xml中的appid字段在这里插入图片描述点击运行即可调试插件运行结果如果你可以成功运行恭喜你 uni的原生插件你已经开发完成了下面讲一下如何打包为提交市场需要的zip包

三、打包为本地插件在本地创建一个文件夹名称可以命名为你的uni账户名-插件名称如在这里插入图片描述

我们先来编辑这个pakege.json文件在这里插入图片描述

代码如下 { "name": "ToastPlus", "id": "AndroidLMY-ToastPlus", "version": "1.0.0", "description": "原生Toast", "_dp_type":"nativeplugin", "_dp_nativeplugin":{ "android": { "plugins": [ { "type": "module", "name":"ToastPlus", "class": "com.lmy.toastplus.ToastPlus" } ], "integrateType": "aar" } } }

然后打包插件的aar包 androidstudio选中右侧gradle选中图中选项点击即可在这里插入图片描述 aar包输入路径为复制aar包到android目录下