uniapp安卓应用如何使用第三方原生aar包

起因:用uniapp开发的安卓app需要集成到一个由别人开发的原生的app中去,统一在原生app登录后携带token跳转到uniapp开发的app中,但是在uniapp中需要解析跳转过来携带的token必须要用到他们的一个原生开发的aar包。

在uniapp中如果要使用aar包,必须要按照uniapp官网上的规则步骤来开发这个aar包,但是由于这个第三方的封装好来解析token的aar包(下文中统称为第三方aar)还需要其他原生的app使用,只能靠我们自己来做适配。

所以我们只好自己按照uniapp官网上的规则来开发一个aar包作为一个适配层包在第三方aar外面。

调用流程就是:

  1. uniapp调用自己的aar包中的方法
  2. 自己的aar包调用第三方的aar包

一、自定制aar引入第三方aar

  1. 按照uniapp官网上开发aar插件的步骤uniapp官网上的规则步骤创建一个Module,也就是mylibrary1文件夹,创建后报错如下:

解决报错方法: 需要将项目下的uniplugin_module文件夹中的build.gradle中的所有内容复制到自己创建的mylibrary1中的build.gradle中去,错误就解决了

2.将第三方aar包(external_library.aar)放入自己创建的mylibrary1文件夹下的libs中去

3.在mylibrary1文件夹下的build.gradle文件中添加以下代码

二、编写java代码调用第三方aar包中的方法

创建一个TestInfo.java的文件,在文件中编写按照uniapp官网上的规则编写可以通过uniapp调用的方法

注意: 一定要按照uniapp官网上的规则编写比如以下:

  • 创建TestInfo类必须继承 UniModule 类
  • 扩展方法必须加上@UniJSMethod (uiThread = false or true) 注解。
  • 回调函数必须是UniJSCallback类型的

然后给自己写的aar包命名

三、打包aar

1.打包成aar,鼠标选中mylibrary1文件夹,点击build中的make module进行打包。

报错如下:

解决报错方法如下,删除这两个文件夹,然后重新打包:

查看打包的aar结果文件,发现并没有将第三方的aar打包进来

2.直接打包aar,并不会把第三方aar包打入自己的aar中去,我们需要用到一个第三方库来将第三方aar包融入我们自己要打的aar包中去。需要根目录下的build.gradle中添加以下代码。

在mylibrary1文件夹下的build.gradle中把刚写的implementation改成embed

还需要我们在mylibrary1文件夹添加如下代码,同步完后重新打包

我们查看我们自己打包后的aar包,发现多了一个libs文件夹,文件夹中的r-classes.jar就是打包后的第三方aar包

四、uniapp中引入我们自己的aarb包

1.在uniapp根目录下创建nativeplugins文件夹,文件夹下结构如下: (mylibrary.aar就是我们自己的aar包)

lua 复制代码
|--nativeplugins
    |--mylibrary
        |--android
            |-- mylibrary.aar
        |--package.json

package.json中的内容如下,详细格式规则可以查看uniapp官网

javascript 复制代码
{
	"name": "mylibrary",
	"id": "mylibrary",
	"version": "1.1.1",
	"description": "测试使用",
	"_dp_type": "nativeplugin",
	"_dp_nativeplugin": {
		"android": {
			"plugins" :[
				{
					"type": "module",
					"name": "mylibrary",
					"class": "uni.android.mylibrary.TestInfo"
				}
			],
			"integrateType": "aar"
		}
	}
}

2.在uniapp页面中使用aar包中的原生方法如下:

相关推荐
谢彦超oooo21 小时前
HTML5 与前端开发要点
前端·html·html5
IT_陈寒21 小时前
Vue 3响应式原理深度拆解:5个90%开发者不知道的Ref与Reactive底层实现差异
前端·人工智能·后端
睡前要喝豆奶粉1 天前
在.NET Core Web Api中使用JWT并配置UserContext获取用户信息
前端·.netcore
前端加油站1 天前
一份实用的Vue3技术栈代码评审指南
前端·vue.js
Jonathan Star1 天前
沉浸式雨天海岸:用A-Frame打造WebXR互动场景
前端·javascript
工业甲酰苯胺1 天前
实现 json path 来评估函数式解析器的损耗
java·前端·json
老前端的功夫1 天前
Web应用的永生之术:PWA落地与实践深度指南
java·开发语言·前端·javascript·css·node.js
LilySesy1 天前
ABAP+WHERE字段长度不一致报错解决
java·前端·javascript·bug·sap·abap·alv
Wang's Blog1 天前
前端FAQ: Vue 3 与 Vue 2 相⽐有哪些重要的改进?
前端·javascript·vue.js
再希1 天前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui