uniapp开发android原生插件

1.下载android平台SDK
   开发者须知 | uni小程序SDK
  2. 解压并导入UniPlugin-Hello-AS项目到android studio

   

  

• 点击Android Studio菜单选项File--->New--->Import Project。
  

  

  

• 如果出现Android SDK路径不对问题，请在Android Studio中鼠标右键UniPlugin-Hello-AS选择Open Module Settings, 在SDK Location 中设置相关环境路径
  
• 
  
  
  

  3. 新建 module

   

  

  完成后等待加载完成
  4.插件开发

（1） 将uniplugin_module的build.grade的内容复制到新建的模块的build.grade中，根据需要修改compileSdkVersion等信息。
（2）在app的build.grade中添加implementation project(':模块名')

(3) 在新建的模块中新建java类extends UniModule

编写代码

1.  
2. package com.cn.akiplugin.test;
3.  
4. import android.util.Log;
5.  
6. ​
7.  
8. import com.alibaba.fastjson.JSONObject;
9.  
10. ​
11.  
12. import io.dcloud.feature.uniapp.annotation.UniJSMethod;
13.  
14. import io.dcloud.feature.uniapp.bridge.UniJSCallback;
15.  
16. import io.dcloud.feature.uniapp.common.UniModule;
17.  
18. ​
19.  
20. public class MainModule extends UniModule{
21.  
22. ​
23.  
24.  
25.  
26. @UniJSMethod(uiThread = false)
27.  
28.  
29.  
30. public void register(JSONObject options, UniJSCallback jsCallback){
31.  
32.  
33.  
34.  
35.  
36. Log.i("register",JSONObject.toJSONString(options));
37.  
38.  
39.  
40.  
41.  
42. jsCallback.invoke(new JSONObject(){{
43.  
44.  
45.  
46.  
47.  
48.  
49.  
50. put("code",0);
51.  
52.  
53.  
54.  
55.  
56.  
57.  
58. put("data",123);
59.  
60.  
61.  
62.  
63.   }});
64.  
65.  
66.   }
67.  
68. }

复制代码

 


5. 相关配置

(1) 在app\src\main\assets\dcloud_uniplugins.json文件中增加配置 此处以moudule为例

1. {
2.  
3.  
4.  
5.  
6. "hooksClass": "",
7.  
8.  
9.  
10.  
11. "plugins": [
12.  
13.  
14.  
15.  
16.   {
17.  
18.  
19.  
20.  
21.  
22.  
23. "type": "module",
24.  
25.  
26.  
27.  
28.  
29.  
30. "name": "插件名称，如：aki-test",
31.  
32.  
33.  
34.  
35.  
36.  
37. "class": "主类，上述代码中MainModule路径 如：com.cn.akiplugin.test.MainModule"
38.  
39.  
40.  
41.  
42.   }
43.  
44.  
45.  
46.   ]
47.  
48.  
49.   }

复制代码

6. 插件调试

(1) 打开hbuiderx 创建一个uniapp项目编写调试代码

1. <!-- 为了测试方便，将index.vue 修改为nvue -->
2.  
3. <template>
4.  
5.     <view class="content">
6.  
7.         <view class="result">
8.  
9.             {{result}}
10.  
11.         </view>
12.  
13.         <view class="list">
14.  
15.             <text class="txt" @tap="registerData">注册...</text>
16.  
17.         </view>
18.  
19.     </view>
20.  
21. </template>
22.  
23. ​
24.  
25. <script>
26.  
27.     const akiTest = uni.requireNativePlugin("aki-test");
28.  
29.     let that = null;
30.  
31.     export default {
32.  
33.         data() {
34.  
35.             return {
36.  
37.                 title: 'Hello',
38.  
39.                 result:'result:',
40.  
41.                 plugin:null
42.  
43.             }
44.  
45.         },
46.  
47.         onLoad() {
48.  
49.             that = this;
50.  
51.         },
52.  
53.         onShow() {
54.  
55.         },
56.  
57.         methods: {
58.  
59.             registerData(){
60.  
61.                 akiTest.register({},e=>{
62.  
63.                     that.result = "register:"+JSON.stringify(e);
64.  
65.                     uni.showToast({
66.  
67.                         title:JSON.stringify(e),
68.  
69.                         icon:"none"
70.  
71.                     })
72.  
73.                 })
74.  
75.             }
76.  
77. ​
78.  
79.         }
80.  
81.     }
82.  
83. </script>
84.  
85. ​
86.  
87. <style>
88.  
89.     .content {
90.  
91.         display: flex;
92.  
93.         flex-direction: column;
94.  
95.         align-items: center;
96.  
97.         justify-content: center;
98.  
99.     }
100.  
101. ​
102.  
103. ​
104.  
105.     .text-area {
106.  
107.         display: flex;
108.  
109.         justify-content: center;
110.  
111.     }
112.  
113. ​
114.  
115.     .result {
116.  
117.         font-size: 36rpx;
118.  
119.         color: #8f8f94;
120.  
121.         width: 690rpx;
122.  
123.         display: flex;
124.  
125.         margin-top: 40rpx;
126.  
127.     }
128.  
129.    
130.  
131.     .list{
132.  
133.         width: 750rpx;
134.  
135.         height: auto;
136.  
137.         display: flex;
138.  
139.         flex-direction: column;
140.  
141.         align-items: center;
142.  
143.         justify-content: center;
144.  
145.     }
146.  
147.     .txt{
148.  
149.         width: 300rpx;
150.  
151.         height: 88rpx;
152.  
153.         line-height: 88rpx;
154.  
155.         border-radius: 20rpx;
156.  
157.         text-align: center;
158.  
159.         color: #fff;
160.  
161.         background-color: #2D9F7E;
162.  
163.         margin-bottom: 40rpx;
164.  
165.     }
166.  
167. </style>

复制代码

1.  
2. ​

复制代码

（2）打包：发行 ---> 原生app-当地打包 ---> 生成当地打包app资源
（3）将打包完的资源拷贝到android studio 项目目次下
   进入android studio 项目\app\src\main\assets\apps目次下 删除原有__UNI__E文件夹
  将当地打包app资源复制到此目次下
  

  （4）修改dcloud_control.xml（文件位置app\src\main\assets\data\dcloud_control.xml）

1.  

复制代码

1. <hbuilder debug="true" syncDebug="true"> 
2. <apps> 
3.  
4.  
5. <app appid="此处填uniapp项目的应用标识(AppID)" appver="" /> 
6. </apps> 
7. </hbuilder>

复制代码

1.  
2. ​

复制代码

（5）配置离线打包key
   

• 进入开发者后台：开发者中心
  
• 找到前序步骤创建的项目
  
• 点击应用名称进入应用信息
  
• 点击Android云端证书
  
• 创建证书 等待完成(约几分钟) 完成后刷新
  
• 重新进入Android云端证书界面点击下载证书
  
• 点击证书详情，点击查看证书暗码，记住暗码以及详情数据
  
• 点击各平台信息 -- 新增
  
• 将证书详情中的SHA1复制到Android 应用署名SHA1值
  
• 将证书详情中的SHA256复制到Android 应用署名SHA256
  
• 将证书详情中的MD5复制到Android 应用署名MD5
  
• 录入完成后点击提交
  
• 点击离线打包Key列的创建，弹出页面点击创建
  
• 点击离线打包Key列查看，复制Android内容
  
  
  
  
• 
  
• 打开Android项目的AndroidManifest,xml 文件修改如下两处
  
  1.  
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
  3.  
  4.  
  5. xmlns:tools="http://schemas.android.com/tools" 
  6.  
  7.  
  8. package="此处填写开发者后台创建的包名/appid/域名"> 
  9.  
  10.  
  11.  
  12. <meta-data 
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19. android:name="dcloud_appkey" 
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26. android:value="此处填写上述的AppKey" />

  复制代码
  
  
• 在app下新建目次key，将6中下载的证书复制到此文件夹
  
• 修改项目项目包名app的build.grade文件
  
  
  
  
• 修改app的build.grade 的证书配置
  
  1.  
  2. signingConfigs { 
  3.  
  4.  
  5.  
  6.  
  7. config { 
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14. keyAlias '证书详情中的别名' 
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. keyPassword '步骤7中复制的暗码' 
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. storeFile file('key/证书名称') 
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. storePassword '步骤7中复制的暗码' 
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. v1SigningEnabled true 
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49. v2SigningEnabled true 
  50.  
  51.  
  52.  
  53.   } 
  54.  
  55.   }

  复制代码
  
  
• 点击Sync Now
  
• 完成后启动项目
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。