uniapp Android 原生插件开发(Module 扩展为例·2022)(二)

简介: uniapp Android 原生插件开发(Module 扩展为例·2022)

插件项目集成uniapp项目调试


插件引入


使用uni.requireNativePlugin('插件名')方法调用插件,如下:

image.png

插件方法调用


调用插件中的sayHi方法,利用回调函数获取返回值,具体如下:

image.png

相关代码


相关uniapp页面代码如下:

<template>
  <view>
    <view style="width:100vw;text-align: center; font-weight: bold; padding: 15px 0;">插件调试</view>
    <view style="padding: 15px 30px;">返回信息:{{ reply }}</view>
    <view style="padding: 15px 30px;">原始数据:{{ msg }}</view>
  </view>
</template>
<script>
  const plugin = uni.requireNativePlugin('test')
  export default {
    data() {
      return {
        reply: "",
        msg: "",
      }
    },
    onLoad() {
      let that = this
      plugin.sayHi("lauwen", function (res) {
        that.msg = JSON.stringify(res)
        that.reply = res.re
      })
    },
    methods: {
    }
  }
</script>
<style>
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
  }
  .text-area {
    display: flex;
    justify-content: center;
  }
  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>

生成本地打包资源


完成相关代码编写后,需要生成uniapp本地打包资源,生成之后控制台会显示相关路径,如下:

41dacb67f71f46538c23691db77e023f.png

复制打包资源到插件项目


将生成的打包资源复制到插件项目的app\src\main\assets\apps目录下

image.png

配置uniapp的appid


在插件项目app\src\main\assets\data目录下的dcloud_control.xml文件中配置uniapp的appid,具体如下:

image.png

运行调试


运行


在Android Studio中运行项目,如下

883612c486854f11bc04e7b035da6cb7.png

运行结果


运行结果如下,成功输出插件预置信息:

176cb83bdf684a29ac86a7cc2f0df4f8.jpeg

uniapp项目引入原生插件


以上介绍了插件开发过程中,集成uniapp项目进行调试的方法;插件开发完成后,需要将原生插件引入uniapp项目中才可以使用。

打包插件


SDK版本统一


插件包、APP以及uniapp项目的androidSDK版本应该统一一下,避免后续编译打包出错,如图:

8658e95623c743d4b758413b82463bb5.png

开始编译


打开Android Studio,在插件项目中,打开右上角Gradle栏目,选择插件开发项目,选择插件打开,依次点开Tasks-other,然后双击assembleRelease即可进行插件编译,如图:

ca928b6b5cc74f37b6eca841523ec76e.png

获取插件


编译成功后,就可以在插件目录的build/outputs/arr目录下找到编译好的插件

b4b5fe02a01e46b1adfe20eab0713fd0.png

引入插件


创建目录


在uniapp项目中创建nativeplugins目录,然后根据插件名创建插件目录,再在其下一级创建插件相应系统目录,然后将插件复制到该目录,如图:

image.png

创建插件包配置文件


在包目录下创建package.json包信息文件,用于配置包信息,具体配置如下:

  • name 和 id建议与插件名统一
  • plugins中的配置与插件配置-注册插件步骤中所填一样
  • dependencies:如果原生插件引入了第三方SDK,需要在此参数中配置,具体可以参考相关官方文档dependencies
{
    "name": "test",
    "id": "test",
    "version": "0.0.2",
    "description": "测试插件流程",
    "_dp_type":"nativeplugin",
    "_dp_nativeplugin":{
        "android": {
            "plugins": [
                {
                    "type": "module",
                    "name": "test",
                    "class": "com.ss.test.test"
                }
            ],
      "integrateType": "aar",
            "parameters": {
            },
            "dependencies": []
        }
    }
}

image.png

引入插件


在uniapp项目的manifest.json文件中添加配置好的插件,至此引入完成,如图:

d97dacc5b6374e46a99edb7fbd2c9007.png

打包自定义基座


新建基座打包


如图,依次点击三者进行自定义基座打包配置

image.png

基座打包配置


如图三个输入框,分别填入前面在uniapp后台获取的证书以及相关信息,然后执行打包就好

14977ba8903b4786906c6ee1f7bb757c.png

基座运行测试


选择运行基座


运行基座类型选择自定义基座

image.png

运行自定义基座


基座打包成功后,运行自定义基座到手机测试

9c1edb68965942dfa927b98b8f56c055.png

运行结果


如图,与插件调试过程中一样,输出正常

b2f04173ad294b41913b7779680b354b.jpeg

其它


jniLibs包引入


一般jniLibs结构


image.png

插件引入jniLibs库


把相关包放到插件libs目录下

image.png

添加jniLibs库


右键包中.jar文件,选择Add As Library,,然后选中当前插件包,点击OK添加就好

14a07a17cd974f648a2aae2db7fd7d19.png

配置插件包build.gradle


经过上一步的添加动作,jar文件已经自动引入了,如图中1标所示;然后需要将2标的配置添加进去,点击同步就好,然后就可以正常使用包了

2dab4c58ae4a4ddca80442ac109d1c9d.png

参考



目录
相关文章
|
14天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
40 19
|
14天前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
41 14
|
17天前
|
Java Linux 数据库
探索安卓开发:打造你的第一款应用
在数字时代的浪潮中,每个人都有机会成为创意的实现者。本文将带你走进安卓开发的奇妙世界,通过浅显易懂的语言和实际代码示例,引导你从零开始构建自己的第一款安卓应用。无论你是编程新手还是希望拓展技术的开发者,这篇文章都将为你打开一扇门,让你的创意和技术一起飞扬。
|
15天前
|
XML 存储 Java
探索安卓开发之旅:从新手到专家
在数字时代,掌握安卓应用开发技能是进入IT行业的关键。本文将引导读者从零基础开始,逐步深入安卓开发的世界,通过实际案例和代码示例,展示如何构建自己的第一个安卓应用。我们将探讨基本概念、开发工具设置、用户界面设计、数据处理以及发布应用的全过程。无论你是编程新手还是有一定基础的开发者,这篇文章都将为你提供宝贵的知识和技能,帮助你在安卓开发的道路上迈出坚实的步伐。
29 5
|
14天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
15天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
15天前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
18天前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
15天前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
24 0
|
18天前
|
存储 监控 Java
探索安卓开发:从基础到进阶的旅程
在这个数字时代,移动应用已成为我们日常生活的一部分。对于开发者来说,掌握安卓开发不仅是技能的提升,更是通往创新世界的钥匙。本文将带你了解安卓开发的核心概念,从搭建开发环境到实现复杂功能,逐步深入安卓开发的奥秘。无论你是初学者还是有经验的开发者,这篇文章都将为你提供新的见解和技巧,帮助你在安卓开发的道路上更进一步。
19 0