uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)

【彩带- 避坑知识点】:

当时开发中安卓插件打包成功后,uniapp引用插件aar,用云打包 ,总是提示不包含插件。原因是因为module的androidManifest.xml文件没有注册activity。 这一步 很重要,一定要注册。

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第1张图片

---------------------------------------------------------------------------------------------------------------------------------

流程开始:

准备步骤

  1. 下载Android Studio
  2. 下载app离线SDK

注意:建议都下载最新版本,下载地址与详细请参考官方文档。Android插件开发教程

一、导入uni插件项目(注意:尽量用demo里面的buildgradle插件版本号和gradle版本

  • 解压下载的app离线SDK

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第2张图片

  • 将UniPlugin-Hello-AS项目导入到Android studio中

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第3张图片

  • 等待Android studio编译完成,编译完成后的项目结构如下

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第4张图片

二、新建module

  • 新建module

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第5张图片

  • 选择Android library,记住你的package name

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第6张图片

  • 此时可能会有报错

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第7张图片

  • 解决报错,复制build.gradle(uniplugin_module)的内容,替换刚刚生成的build.gradle

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第8张图片

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第9张图片

  • 找到报错的文件,复制uniplugin module中的内容,粘贴修改刚刚报错的文件

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第10张图片

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第11张图片

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第12张图片

  • 点击try again,此时编译成功,出现以下文件与文件夹

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第13张图片

  • 新建java类,注意:命名与xml文件中设置的命名要一致

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第14张图片

uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第15张图片

  • 随便写一些测试代码
    • 注意:继承UniModule,并添加@UniJSMethod注解
  • package com.example.mylibrary;
    
    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;
    
    // 一定要继承UniModule
    public class testModule extends UniModule {
        // 使用UniJSMethod注解,才能使用js调用
        @UniJSMethod(uiThread = true)
        public void  add (JSONObject json, UniJSCallback callback) {
            final int a = json.getInteger("a");
            final int b = json.getInteger("b");
            callback.invoke(new JSONObject() {{
                put("code", 0);
                put("result", a + b);
            }});
        }
    }
    
  • 在build.gradle(app)中添加uniapp-插件,点击sync now
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第16张图片

  • 在dcloud_uniplugin.json中新增插件,注意:插件命名会在uniapp中引用
  • 新建项目,在项目中引用插件,使用module的方法
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第17张图片

    三、在uniapp中引用

    本文采用vue3+ts编写uniapp部分

  • 
    
    
    

    四、在Android studio中调试

  • uniapp中打包app资源包,并复制打包出来的这个文件夹
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第18张图片

  • 粘贴到原生项目中
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第19张图片

  • 修改dcloud_control.xml中的appid,并开启调试模式
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第20张图片

  • 点击运行,我这里使用的是真机运行
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第21张图片

  • 此时会报appkey配置错误
  • 解决方案参考:appkey未配置或配置错误
  • 解决完后,重新运行一下,调试成功
  • uniapp原生插件 - android原生插件打包流程 ( 避坑指南一)_第22张图片

参考文档:uniapp如何开发原生插件?踩坑指南(一) - 掘金某些App功能只能在原生开发才能实现,比如aidl等。这就需要使用App离线SDK来开发原生插件,以来扩展原生的能力。icon-default.png?t=N7T8https://juejin.cn/post/7194743378830409783

android studio如何打包aar,请见下一篇文章:

uniapp-android原生插件如何打aar包 (闭坑指南二)-CSDN博客

你可能感兴趣的:(uniapp,uni-app,android)