共计 2256 个字符,预计需要花费 6 分钟才能阅读完成。
uniapp 之安卓原生插件开发教程
筹备
- hbuilderX,下载
- app 离线 SDK,下载
- Andorid Studio,安卓官网或中文社区
- 证书(能够本人筹备,也能够应用 android Studio 生成)
插件性能简介
- 加法性能,咱们把插件名称起名为
leruge-add
,办法是add
,参数是a
和b
过程
- HbuilderX 创立一个我的项目
-
在
pages/index/index.vue
中轻易写一个按钮,而后调用咱们的原生插件leruge-add
,代码如下<template> <view> <button @click="add"> 加法 </button> </view> </template> <script> export default { methods: {add() { // 引入原生插件 leruge-add let lerugeAdd = uni.requireNativePlugin("leruge-add") // 调用 lerugeAdd.add({ a: 1, b: 2 }, res => { uni.showToast({title: JSON.stringify(res), icon: 'none' }) }) } } } </script> <style> </style>
- 申请 Appkey,在开发者核心,点击方才创立的 app
- Android 包名和 IOS Bundled 都填写成
com.android.UniPlugin
- SHA1 签名自行百度如何获取吧,这里就不错具体解说了,教程
- 点击保留,生成 appkey
- 解压咱们下载好的 APP 离线 SDK,下载地址
- 关上 Android Studio,open 抉择
UniPlugin-Hello-AS
- 我集体习惯 project 模式,所以切换一下
- 把咱们方才申请的 appkey 填写到
app/src/main/AndroidManifest.xml
中,因为开发的是安卓,所以 appkey 必定也是安卓的 - 把咱们的证书放到 app 目录下,我的证书名字叫
leruge.keystore
- 配置证书,在
app/build.gradle
的signingConfigs
选项中 - 右键
UniPlugin-Hello-AS
,创立Module
- 填写插件信息
- 配置
leruge_add/build.gradle
,复制例子uniplugin_module/build.gradle
- 在
leruge_add/src/main/java/com/example/leruge/add
创立类AddModule
-
实现加法,代码如下
package com.example.leruge.add; import com.alibaba.fastjson.JSONObject; import io.dcloud.feature.uniapp.annotation.UniJSMethod; import io.dcloud.feature.uniapp.bridge.UniJSCallback; import io.dcloud.feature.uniapp.common.UniModule; public class AddModule extends UniModule { @UniJSMethod public void add(JSONObject json, UniJSCallback callback) {int a = json.getIntValue("a"); int b = json.getIntValue("b"); JSONObject res = new JSONObject(); res.put("code", 1); res.put("result", a + b); callback.invoke(res); } }
- 注册插件,在
app/src/main/assets/dcloud_uniplugins.json
文件中增加,如下 - 到 HbuilderX 生成本地打包资源
- 把生成的本地打包资源复制到
app/src/main/assets/apps
目录下 - 配置 appid,在
app/src/main/assets/data/dcloud_control.xml
中配置 - 增加插件 project 援用,在
app/build.gradle
中增加组件 - 测试,手机或者虚构设施连贯当前,点击运行进行测试
- 测试胜利当前就生成 uniapp 插件,点击 Android Studio 右侧的
Gradle
,顺次抉择leruge_add/Tasks/other/assembleRelease
,双击生成aar
包,生成的包在leruge_add/build/outputs/aar
目录下 - 创立跟插件雷同名字的文件夹
leruge_add
,在leruge_add
下创立android
文件夹和package.json
文件 -
aar 包放到
android
文件夹下,package.json
最小配置即可,也能够依照理论状况配置{ "name": "leruge-add", "id": "leruge-add", "version": "1.0.1", "description": "加法", "_dp_type":"nativeplugin", "_dp_nativeplugin":{ "android": { "plugins": [ { "type": "module", "name": "lerug-add", "class": "com.example.leruge.add.AddModule" } ], "integrateType": "aar" } } }
- 是作为本地插件应用,还是上传到插件市场都是能够的
结束语
到此为止,安卓原生插件开发就曾经实现了
留言
点击留言
正文完