| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 移动开发 -> uniapp Android 原生插件开发(Module 扩展为例·2022) -> 正文阅读 |
|
[移动开发]uniapp Android 原生插件开发(Module 扩展为例·2022) |
前言本文只介绍uniapp原生插件开发流程,Android studio(后面称编辑器) 以及 java 环境的安装请自行查找相关文档解决;阅读本文者须具备基本的java、android以及uniapp相关知识及开发能力。 准备SDK 文件下载首先下载uniapp原生插件开发SDK,下载地址见App离线SDK下载 ?解压解压后相关文件如下图,我们只需要用到里面的示例工程UniPlugin-Hello-AS来进行插件开发就好 ?示例工程导入
插件开发Module?创建选择新建 Module?Module 类型选择选择Android Library,然后下一步 Module 信息配置?配置模块名以及模块最低支持的Android SDK版本等信息,然后点击Finish完成Module创建。 文件配置build.gradle文件打开将编辑器文件视图切换到Project,选择我们刚创建的Module目录,然后打开其根目录下的build.gradle文件 ?build.gradle文件配置加入以下配置,dependencies里面的初始配置可以删除或注释掉,然后点击同步
配置混淆文件打开Module根目录下的proguard-rules.pro文件,在最后一行末尾加入以下代码
创建Module类新建类文件在Module的项目文件夹下创建Module类test 继承UniModule 类?uniapp的Module扩展必须继承UniModule类 功能开发方法定义定义一个sayHi方法,传入姓名时自动返回Hi + 姓名;编写扩展方法必须遵循以下两点原则:
?数据返回数据使用UniJSCallback结果回调,具体是使用invoke调用JavaScript的回调方法返回数据。更多可以参考官方文档,invoke需要传入一个Object类型的返回数据,: 源码至此,一个简单的原生插件就已经开发完成,源码如下:
插件调试证书申请获取 appid打开uniapp项目,在根目录下找到manifest.json文件,在基础配置中获取到appid 证书生成?
证书配置证书详情在后台证书管理页面,点击证书详情获取证书信息以及证书密码 ?配置?在插件项目app目录下的build.gradle文件中,将信息依次填入文件中的signingConfigs.config配置项,然后点击右上角同步完成配置,具体如图 插件配置注册插件在插件项目的app\src\main\assets目录下打开dcloud_uniplugins.json,在nativePlugins配置项中添加一项插件配置,type必须为module,因为我们的插件是module类型;name统一跟随插件名;具体如图所示: 引入插件在插件项目app目录下的build.gradle文件中,引入刚刚注册的插件,名字与注册名字相同,然后点击同步 离线打包Keysha1值获取在证书管理页面,证书详情里面获取证书sha1值,如图 ?获取Android包名在插件项目app目录下的build.gradle文件中,获取Android包名,如图 ?获取离线打包key
?配置离线打包Key在插件项目app\src\main目录下的AndroidManifest.xml文件中,将上一步生成的离线打包key配置到相应位置,如图 插件项目集成uniapp项目调试插件引入使用uni.requireNativePlugin('插件名')方法调用插件,如下: ?插件方法调用调用插件中的sayHi方法,利用回调函数获取返回值,具体如下: 相关代码?相关uniapp页面代码如下:
生成本地打包资源完成相关代码编写后,需要生成uniapp本地打包资源,生成之后控制台会显示相关路径,如下: ?复制打包资源到插件项目将生成的打包资源复制到插件项目的app\src\main\assets\apps目录下 ?配置uniapp的appid在插件项目app\src\main\assets\data目录下的dcloud_control.xml文件中配置uniapp的appid,具体如下: 运行调试运行在Android Studio中运行项目,如下 运行结果?运行结果如下,成功输出插件预置信息: uniapp项目引入原生插件以上介绍了插件开发过程中,集成uniapp项目进行调试的方法;插件开发完成后,需要将原生插件引入uniapp项目中才可以使用。 打包插件SDK版本统一插件包、APP以及uniapp项目的androidSDK版本应该统一一下,避免后续编译打包出错,如图: 开始编译?打开Android Studio,在插件项目中,打开右上角Gradle栏目,选择插件开发项目,选择插件打开,依次点开Tasks-other,然后双击assembleRelease即可进行插件编译,如图: 获取插件编译成功后,就可以在插件目录的build/outputs/arr目录下找到编译好的插件 引入插件创建目录在uniapp项目中创建nativeplugins目录,然后根据插件名创建插件目录,再在其下一级创建插件相应系统目录,然后将插件复制到该目录,如图: 创建插件包配置文件在包目录下创建package.json包信息文件,用于配置包信息,具体配置如下:
引入插件在uniapp项目的manifest.json文件中添加配置好的插件,至此引入完成,如图: 打包自定义基座新建基座打包如图,依次点击三者进行自定义基座打包配置 ?基座打包配置如图三个输入框,分别填入前面在uniapp后台获取的证书以及相关信息,然后执行打包就好 基座运行测试?选择运行基座运行基座类型选择自定义基座 运行自定义基座?基座打包成功后,运行自定义基座到手机测试 运行结果如图,与插件调试过程中一样,输出正常 其它jniLibs包引入一般jniLibs结构插件引入jniLibs库把相关包放到插件libs目录下 添加jniLibs库右键包中.jar文件,选择Add As Library,,然后选中当前插件包,点击OK添加就好 配置插件包build.gradle经过上一步的添加动作,jar文件已经自动引入了,如图中1标所示;然后需要将2标的配置添加进去,点击同步就好,然后就可以正常使用包了 参考?
|
|
移动开发 最新文章 |
Vue3装载axios和element-ui |
android adb cmd |
【xcode】Xcode常用快捷键与技巧 |
Android开发中的线程池使用 |
Java 和 Android 的 Base64 |
Android 测试文字编码格式 |
微信小程序支付 |
安卓权限记录 |
知乎之自动养号 |
【Android Jetpack】DataStore |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/25 4:41:30- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |