uni-app调用java代码(uniapp混合开发集成原生插件aar)

本文详细介绍了如何在uni-app中调用Java代码,通过创建AndroidLibrary模块,打包成aar文件,并在uni-app项目中集成和调用。包括Java环境设置、aar插件开发及在uni-app中调用的步骤。
摘要由CSDN通过智能技术生成

uni-app调用java代码(uniapp混合开发集成原生插件aar)


前言

最近在研究uniapp,领导有个需求。要在uniapp中调用java的方法。实际上是在安卓中写java方法最后打包成aar原生插件,再将aar插件在uniapp中进行调用。

一、开发环境、文档资料

1.Java环境下载

我这里使用的是JDK1.8,配置环境变量自行百度
官方下载地址:https://www.oracle.com/java/technologies/javase/javase8u211-later-archive-downloads.html

2.App离线SDK下载

官方下载地址:https://nativesupport.dcloud.net.cn/AppDocs/download/android.html#

3.AndroidStudio下载

官方下载地址:https://developer.android.google.cn/studio/index.html

4.HBuilderX下载

官方下载地址:https://www.dcloud.io/hbuilderx.html

5.uni-app扩展原生插件文档

官方地址:https://uniapp.dcloud.net.cn/plugin/native-plugin.html

6.插件官方示例

官方地址:https://ext.dcloud.net.cn/plugin?id=36

二、将Java代码打包成aar文件

1.下载解压SDK

将App离线SDK下载解压

在这里插入图片描述

2.打开UniPlugin-Hello-AS项目

在这里插入图片描述

3.新建一个Module(Android Library)

右击项目名称>New>Module>Android Library。配置好Module名称,包名,安卓SDK版本等
在这里插入图片描述
在这里插入图片描述

4.修改build.gradle

将uniplugin_module 中的build.gradle内容全部复制,并覆盖mylibrary的build.gradle内容
在这里插入图片描述

5.修改AndroidManifest.xml

在这里插入图片描述删除 mylibrary 路径src下的androidTest和test

6.编写Java代码

代码注意事项:
1.类要继承 UniModule
2.方法上加入注解@UniJSMethod(uiThread = false)
3.方法必须事public 方法
4.方法返回类型要以JSONObject形式返回

在src的包下新建类MyTest

在这里插入图片描述

import com.alibaba.fastjson.JSONObject;

import io.dcloud.feature.uniapp.annotation.UniJSMethod;
import io.dcloud.feature.uniapp.common.UniModule;

public class MyTest extends UniModule {

    @UniJSMethod(uiThread = false)
    public JSONObject getTestData(){
        JSONObject object = new JSONObject();
        object.put("test_data","成功返回调用数据");
        return object;
    }
}

代码中涉及到com.sun.crypto.provider.SunJCE()报错问题,可在C:\Program Files\Java\jdk1.8.0_72\jre\lib\ext拷贝sunjce_provider.jar至libs中,并通过右键-add as library 引用即可

7.打包成aar文件

选中mylibrary,通过build-makemodule “*.mylibrary” 打包
在这里插入图片描述

打包后可以在build>outputs中找到aar文件

三、uni-app调用原生插件

1.更改项目结构

原生插件开发格式要求官方文档:https://nativesupport.dcloud.net.cn/NativePlugin/course/package.html#

  1. 用HBuilder 打开要集成插件的项目
  2. 在项目下创建目录nativeplugins(名称不可改)
  3. 在目录nativeplugins下按照官方格式要求进行更改
  4. 编写package.json

package.json

{
	"name": "mylibrary-debug",
	"id": "mylibrary-debug",
	"version": "1.1.1",
	"description": "测试使用",
	"_dp_type": "nativeplugin",
	"_dp_nativeplugin": {
		"android": {
			"plugins" :[
				{
					"type": "module",
					"name": "mylibrary-debug",
					"class": "uni.dcloud.io.mylibrary.MyTest"
				}
			],
			"integrateType": "aar"
		}
	}
}

最终如下:
在这里插入图片描述

2.在manifest.json中添加本地插件配置

在这里插入图片描述

3.打包自定义基座

点击菜单栏“运行”->“运行到手机或模拟器”->“制作自定义基座”生成自定义基座安装包。
在这里插入图片描述

4.测试运行

点击菜单栏“运行”->“运行到手机或模拟器”->“运行到Android app”选择自定义基座
在这里插入图片描述

5.前端代码调用

使用uni.requireNativePlugin引用插件

	const PluginName = uni.requireNativePlugin(PluginName); // PluginName 为原生插件名称

例:
此处调用了两个不同的插件上边调用的为文章的demo
在这里插入图片描述

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
uni-app中,可以通过原生插件来实现一些uni-app本身不支持的功能或者性能优化。下面是一个简单的uni-app原生插件的编写示例: 1. 创建一个uni-app项目,并选择需要封装的原生插件。 2. 在项目根目录下创建一个platforms目录,并在该目录下创建一个android和ios目录,用来存放对应平台的原生代码。 3. 在android目录下创建一个Android Studio项目,并将需要封装的原生插件添加到该项目中。 4. 在Android Studio中创建一个类,继承自com.dcloud.bridge.NativeAPI类,示例代码如下: ```java public class MyPlugin extends NativeAPI { public String sayHello(String name) { return "Hello " + name + "!"; } } ``` 5. 在Android Studio中创建一个类,继承自com.dcloud.bridge.Wrapper类,示例代码如下: ```java public class MyPluginWrapper extends Wrapper { public MyPluginWrapper(Context context) { super(context); } @Override public Object onMessage(String id, JSONObject data) { if (TextUtils.equals("sayHello", id)) { String name = data.optString("name"); MyPlugin myPlugin = new MyPlugin(); String result = myPlugin.sayHello(name); JSONObject json = new JSONObject(); try { json.put("result", result); } catch (JSONException e) { e.printStackTrace(); } return json; } return super.onMessage(id, data); } } ``` 6. 在Android Studio中创建一个类,继承自com.dcloud.bridge.Plugin类,示例代码如下: ```java public class MyPluginPackage extends PluginPackage { @Override public Wrapper createWrapper(Context context) { return new MyPluginWrapper(context); } } ``` 7. 在Android Studio中创建一个类,继承自com.dcloud.bridge.PluginManager类,示例代码如下: ```java public class MyPluginManager extends PluginManager { public MyPluginManager(Application application) { super(application); registerPackage("myplugin", new MyPluginPackage()); } } ``` 8. 修改AndroidManifest.xml文件,示例代码如下: ```xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.uniappmyplugin"> <application android:name=".MyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <service android:name=".MyService" /> <receiver android:name=".MyReceiver" /> <provider android:name=".MyProvider" /> <meta-data android:name="uniplugin" android:value="true" /> <meta-data android:name="uniplugin_name" android:value="myplugin" /> </application> </manifest> ``` 9. 在uni-app项目的manifest.json文件中添加以下代码: ```json "app-plus": { "android": { "useAndroidX": true, "permission": [ { "name": "android.permission.CAMERA", "desc": "摄像头权限", "def": "android.permission.CAMERA", "protectionLevel": "dangerous" } ], "gradleProperties": { "android.useAndroidX": true }, "dependencies": { "libs": [ { "path": "libs/xxx.aar" // xxx.aar为你的插件文件名 } ] } } } ``` 10. 在uni-app项目中调用插件方法,示例代码如下: ```javascript const plugin = uni.requireNativePlugin('myplugin') plugin.sayHello('world').then(res => { console.log(res.result) }).catch(err => { console.log(err) }) ``` 以上就是一个简单的uni-app原生插件的编写示例,具体实现方式可能会因插件需求而异。需要注意的是,uni-app原生插件开发需要具备一定的Android/iOS开发经验,如果你不熟悉原生开发,可以参考uni-app提供的插件市场,寻找已有的插件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值