Android studio打包uniapp插件

一.参考资料与环境预备

• 原生工程设置
  
• 必要使用到Android studio和HbuilderX
  
  
  
  • 当前测试的as版本-20240301,下载地点：
    
  • HbuilderX版本：4.36
    
  
  

二.插件创建流程

• 1.导入下载的UniPlugin-Hello-AS工程（下载地点见参考资料）
  
  
  
  
• 2.天生jks证书
  
  
  
  • 2.1.通过下令行天生jsk证书，假设jks名称为myjks，则输入以下下令
    
  1. keytool -genkeypair -alias myjks -keyalg RSA -keystore myjks.keystore -keysize 2048 -validity 36500 -sigalg SHA256withRSA

  复制代码
    
  
  
  
  • 2.2.将证书格式转一下
    
  1. keytool -importkeystore -srckeystore myjks.keystore -srcstoretype PKCS12 -deststoretype JKS -destkeystore myjks.jks

  复制代码
  
  
• 使用下令获取SHA1和SHA256两个值（下方第三步中会使用到）
  
  1. keytool -list -v -keystore myjks.jks

  复制代码
• 3.在uniapp配景添加离线打包的设置
  
  
  
  • 在配景选择使用HbuilderX创建的项目，选择“离线打包Key管理”，按照下图方式举行设置
    
    
    
    
  • 生存之后选择“创建离线key”，记录天生的key为Android对应的value的值
    
    
    
    
  
  
• 4.打包本地资源
  
  
  
  
  
  
  • 将天生的本地资源放入文件夹中（UniPlugin-Hello-AS\app\src\main\assets\apps）
    
  
  
• 5.删除UniPlugin-Hello-AS自带的module，新建一个module（假设取名为mylibrary）
  
  
  
  • 5.1.更改mylibrary的内容，添加文件
    
    
    
    
  • 5.2.更改mylibrary的build.gradle中内容,
    
  1. plugins {
  2.   id 'com.android.library'
  3. }
  5. android {
  6.   compileSdkVersion 35
  7.   namespace 'com.example.mylibrary'
  8.   defaultConfig {
  9.       minSdk 24
  10.       ndk {
  11.           moduleName "NDK"
  12.           abiFilters 'armeabi', 'x86', 'armeabi-v7a', 'x86_64', 'arm64-v8a'
  13.       }
  14.       testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
  15.       consumerProguardFiles "consumer-rules.pro"
  16.   }
  18.   buildTypes {
  19.       release {
  20.           minifyEnabled false
  21.           proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
  22.       }
  23.   }
  24.   compileOptions {
  25.       sourceCompatibility JavaVersion.VERSION_11
  26.       targetCompatibility JavaVersion.VERSION_11
  27.   }
  28.   sourceSets {
  29.       main {
  30.           jni.srcDirs = ['libs']
  31.           jni.srcDirs = ['src/main/jniLibs']
  32.           jniLibs.srcDir 'src/main/jniLibs'
  33.       }
  35.   }
  36. }
  38. dependencies {
  39.   implementation files('src\\libs\\AclasDriverSdk.jar')
  40.   implementation files('src\\libs\\LABLE_USB_SDK_V01.08.jar')
  41.   implementation files('src\\libs\\NeoStraElectronicSDK-3-v1.3_2302281129.jar')
  42.   implementation files('src\\libs\\zxing.jar')
  44.   compileOnly fileTree(dir: 'libs', include: ['*.jar'])
  45.   compileOnly fileTree(dir: '../app/libs', include: ['uniapp-v8-release.aar'])
  47. //    compileOnly 'androidx.recyclerview:recyclerview:1.0.0'
  48. //    compileOnly 'androidx.legacy:legacy-support-v4:1.0.0'
  49.   compileOnly 'androidx.appcompat:appcompat:1.6.1'
  50.   implementation 'com.alibaba:fastjson:1.2.83'
  51.   implementation 'com.facebook.fresco:fresco:1.13.0'
  52.   implementation 'com.github.bumptech.glide:glide:4.16.0'
  54.   implementation 'androidx.appcompat:appcompat:1.6.1'
  55.   implementation 'com.google.android.material:material:1.10.0'
  56.   testImplementation 'junit:junit:4.13.2'
  57.   androidTestImplementation 'androidx.test.ext:junit:1.1.5'
  58.   androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
  59. }

  复制代码
  
  
• 6.开始写自界说插件的逻辑
  
  
  
  • 新建Java文件， MyPlug.java，文件中界说的两个方法init和printInfo可以由uniapp项目举行调用，后续分析
    
  1. public class MyPlug extends UniModule {
  2.   //定义方法一，uniapp项目调用不需要传递参数
  3.   @UniJSMethod
  4.   public void init(UniJSCallback callback) {
  5.       JSONObject data = new JSONObject();
  6.       data.put("code", "success");
  7.       data.put("data", "操作成功");
  8.       callback.invoke(data);
  9.   }
  11.   //定义方法二，uniapp项目调用可以传递参数
  12.   @UniJSMethod
  13.   public void printInfo(int markType, String width, String height, String jsonInfo, UniJSCallback callback) throws IOException {
  14.       JSONObject data = new JSONObject();
  15.       data.put("code", "success");
  16.       data.put("data", "操作成功");
  17.       callback.invoke(data);
  18.   }
  19. }

  复制代码
  
  
• 7.更改\UniPlugin-Hello-AS\app\src\main\AndroidManifest.xml中的内容
  
  1. 将<meta-data
  2.         android:name="dcloud_appkey"
  3.         android:value="开发者需登录https://dev.dcloud.net.cn/申请签名" />
  4. 更改成        
  5. <meta-data
  6.         android:name="dcloud_appkey"
  7.         android:value="78b2a45f4274af99fa17d63615458ecd" />

  复制代码
• 8.更改\UniPlugin-Hello-AS\app\src\build.gradle中的内容
  
  1. applicationId "www.test555.com"        //更改1，www.test555.com为在uniapp后台配置的包名
  2. //signingConfigs中的jks替换成自己生成的
  3. signingConfigs {
  4.     config {
  5.         keyAlias 'myjks'
  6.         keyPassword '123456'
  7.         storeFile file('myjks.jks')
  8.         storePassword '123456'
  9.         v1SigningEnabled true
  10.         v2SigningEnabled true
  11.     }
  12. }
  14. // 添加uni-app插件
  15. dependencies {
  16.   //...
  17.   // 添加uni-app插件
  18.   implementation project(':mylibrary')
  19. }

  复制代码
• 9.更改\UniPlugin-Hello-AS\app\src\main\assets\dcloud_uniplugins.json中的内容
  

1. {
2.   "nativePlugins": [
3.     {
4.       "hooksClass": "",
5.       "plugins": [
6.         {
7.           "type": "module",
8.           "name": "testPlug",
9.           "class": "com.example.mylibrary.MyPlug"
10.         }
11.       ]
12.     }
13.   ]
14. }

复制代码

• 10.更改\UniPlugin-Hello-AS\app\src\main\assets\data\dcloud_control.xml中的内容
  

1. <hbuilder>
2. <apps>
3.     <app appid="__UNI__F089EA2" appver=""/>
4. </apps>
5. </hbuilder>

复制代码

• 11.使用Android studio 天生mylibrary的arr文件
  
  
  
  
• 12.uniapp项目引入插件
  
  
  
  • 按照截图的格式创建好文件夹和对应的文件（保持名称划一）
    
    
    
    
  • package.json的设置如下
    
  1. {
  2.   "name": "testPlug",
  3.   "id": "testPlug",
  4.   "version": "1",
  5.   "description": "这里是描述",
  6.   "_dp_type":"nativeplugin",
  7.   "_dp_nativeplugin":{
  8.       "android": {
  9.           "plugins": [
  10.               {
  11.                   "type": "module",
  12.                   "name": "testPlug",
  13.                   "class": "com.example.mylibrary.MyPlug"
  14.               }
  15.           ],
  16.           "integrateType": "aar",
  17.           "dependencies": [],
  18.           "compileOptions": {  
  19.               "sourceCompatibility": "11",
  20.               "targetCompatibility": "11"
  21.           },
  22.           "minSdkVersion": "24"
  23.       }
  24.   }
  25. }

  复制代码
    
  
  
  
  • 将11中天生的arr文件放入到nativeplugins\testPlug\android文件夹下
    
  • uniapp项目要添加本地插件的依赖
    
  
  
• 13.uniapp项目使用插件
  

1. <template>
2.         <view style="margin: 80rpx 20rpx;">
3.                 <div style="margin-top: 15rpx;">
4.                         <button type="primary" @click="test1">领料标签</button>
5.                 </div>
6.         </view>
7. </template>
9. <script>
10.         // 1.引入插件
11.         let testPlugModule = uni.requireNativePlugin("testPlug")
12.         export default {
13.                 data() {
14.                         return {
15.                                 title: 'Hello'
16.                         }
17.                 },
18.                 onLoad() {
19.                         this.inits();
20.                 },
21.                 methods: {
22.                         inits() {
23.                     //2.调用插件方法，不传递参数
24.                                 testPlugModule.init((res) => {
25.                                         uni.showToast({
26.                                                 title: res.data,
27.                                                 icon: "none"
28.                                         })
29.                                 })
30.                         },
31.                         test1() {
32.                                 //缺少原料字段
33.                                 var beanInfo1 = {
34.                                         itemId: "12345678",
35.                                         itemCode: "999",
36.                                         itemName: "毛豆",
37.                                         itemBarcode: "0123456789",
38.                                         chargeBy: "王德发"
39.                                 }
40.                                 var jsonBean = JSON.stringify(beanInfo1);
41.                                 console.log("查看参数信息 jsonBean = ", jsonBean)
42.                        
43.                                 this.info1 = jsonBean
44.                 //3.调用插件方法，传递参数
45.                                 testPlugModule.printInfo(1,this.width,this.height, jsonBean, (res) => {
46.                                         uni.showToast({
47.                                                 title: res.data,
48.                                                 icon: "none"
49.                                         })
50.                                 })
51.                         },
52.                 }
53.         }
54. </script>
56. <style>
57.         .content {
58.                 display: flex;
59.                 flex-direction: column;
60.                 align-items: center;
61.                 justify-content: center;
62.         }
64.         .logo {
65.                 height: 200rpx;
66.                 width: 200rpx;
67.                 margin-top: 200rpx;
68.                 margin-left: auto;
69.                 margin-right: auto;
70.                 margin-bottom: 50rpx;
71.         }
73.         .text-area {
74.                 display: flex;
75.                 justify-content: center;
76.         }
78.         .title {
79.                 font-size: 36rpx;
80.                 color: #8f8f94;
81.         }
82. </style>

复制代码

• 14.重新实验步调4，然后测试
  
  
  
  

三.总结

• 按照上方流程则可以实现uniapp调用安卓原生插件。