iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >uniapp 原生安卓开发插件(module),以及android环境本地调试(一)
  • 824
分享到

uniapp 原生安卓开发插件(module),以及android环境本地调试(一)

androiduni-appandroidstudio 2023-08-18 06:08:41 824人浏览 八月长安
摘要

uniapp 原生安卓开发插件(module),以及Android环境本地调试 1、开发前景 由于uniapp 框架的局限先,有很多功能不能如原生android开发使用顺畅,因此,需要使用插件进行辅助,再由uniapp引入插件,使得功能完善

uniapp 原生安卓开发插件(module),以及Android环境本地调试

1、开发前景

由于uniapp 框架的局限先,有很多功能不能如原生android开发使用顺畅,因此,需要使用插件进行辅助,再由uniapp引入插件,使得功能完善。废话不多说,直接上教程!觉得有用的麻烦点个赞吧!

2、准备工作

  • uniapp 项目(也就是你自己的项目)
  • 下载 安装jdk (java的JDK)jdk1.8
  • 下载 安装 android studiocsdn下载),官网下载 android studio(官网下载需要翻墙、安装的时候也是需要翻墙的,公司的网络最好能够访问外网,不然会下载不了sdk(博主也是弄了很久))
  • 下载解压 uniapp 离线SDKApp 离线SDK
    在这里插入图片描述
    到此准备工作结束

3、android 导入 app离线SDK(第二点4下载的压缩包)

  • 解压 app离线SDK
    在这里插入图片描述
    在这里插入图片描述

  • 将UniPlugin-Hello-AS项目导入到Android studio中
    在这里插入图片描述

  • 等待导入编译完成,切换到 project模式。编译完成后的项目结构如下
    在这里插入图片描述

4、新建module(实现我们功能的模块)

  • 新建module
    在这里插入图片描述

  • 选择Android library,填上你的package name (记住不能跟uniapp 打包时候的包名相同(这是个坑,uniapp不兼容)),点击Finish
    在这里插入图片描述

  • 导入导入uniapp-release.aar插件,它是扩展module主要依赖库
    在 App离线SDK 中 —> SDK 文件夹 ----> libs -----> 找到 uniapp-release.aar
    在这里插入图片描述
    把它移动到 之前 android 导入的项目中,切换到 project 目录

在这里插入图片描述

  • 给新建的module (uniplugin_sunmi 是我自己新建模块)添加 依赖
repositories {    flatDir {        dirs 'libs'    }}dependencies {    compileOnly fileTree(dir: 'libs', include: ['*.jar'])    compileOnly fileTree(dir: '../app/libs', include: ['uniapp-v8-release.aar'])    implementation 'androidx.recyclerview:recyclerview:1.0.0'    implementation 'androidx.legacy:legacy-support-v4:1.0.0'    implementation 'androidx.appcompat:appcompat:1.0.0'    implementation 'com.alibaba:fastJSON:1.1.46.android'    implementation 'com.facebook.fresco:fresco:1.13.0'    testImplementation 'junit:junit:4.12'}

在这里插入图片描述

如果同步失败,请检查是否出现 下图错误 No signature ofm.android0 is applicable for arg
Try Again Open ‘Build’ View
Show Log in Explorer

在这里插入图片描述
请删除 namespace,再在找到androidManifest.xml 添加包名,再点击 file —> sync project whit Gradle Files 进行同步即可
在这里插入图片描述

  • 新建 java类 (用于实现我们功能的类)
    在这里插入图片描述
    在这里插入图片描述
    去到 AndroidManifest.xml 文件中配置(必须项)
             

在这里插入图片描述
编写模块类(也就是我们新建的类名),编写测试代码
注意:继承UniModule,并添加@UnijsMethod注解(哪个功能方法需要抛出给uniapp使用就加上这个注解

package com.example.uniplugin_sunmi;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;// 一定要继承UniModulepublic class ScanCode 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
    在这里插入图片描述
  • 在dcloud_uniplugin.json中新增插件,注意:插件命名会在uniapp中引用
    在这里插入图片描述
  • 给模块打包成插件aar文件
    在这里插入图片描述
    如果没有找到assmbleRelese按钮,可以进行设置
    在这里插入图片描述
    在这里插入图片描述
    打完包即可在build中查看到aar文件
    在这里插入图片描述

5、在uniapp中使用

  • 创建插件目录,配置刚打好的插件
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    package.json 配置
{"name": "sunmi-scan","id": "sunmi-scan","version": "1.0.0","description": "订单的","_dp_type": "nativeplugin","_dp_nativeplugin": {"android": {"integrateType": "aar","plugins": [{"type": "module","name": "sunmi-scan","class": "com.example.uniplugin_sunmi.ScanCode"}], "minSdkVersion": "19"}}}

在这里插入图片描述

  • 使用插件
    在这里插入图片描述
    在这里插入图片描述

添加本地插件

  • 使用插件
    在页面中引入

最后:打包成为基座进行测试(最主要的)

来源地址:https://blog.csdn.net/weixin_39246975/article/details/129078281

--结束END--

本文标题: uniapp 原生安卓开发插件(module),以及android环境本地调试(一)

本文链接: https://www.lsjlt.com/news/373672.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作