uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)

这篇具有很好参考价值的文章主要介绍了uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

开发环境准备

此文章最适合第一次开发原生插件并且无原生开发经验的攻城狮!

  1. uni-app 官方文档地址:uni原生插件开发教程
  2. 原生插件必备离线SDK下载:Android 离线SDK - 正式版
  3. 要拥有JAVA环境 jdk1.8 版本,其他版本根据情况自我调整
  4. 想必读者在看此文章之前电脑就有HBuilderX和Android Studio开发工具了吧(没有?那看我干什么,夹菜啊!)

搓搓手,准备开始啦

  1. 下载Android 离线SDK - 正式版
    点击进入:Android 离线SDK - 正式版
    进入下载SDK官网后复制提取码后进入百度云直接下载最新版压缩包
  • 官方SDK解压后图解:
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
    看到红框内的文件夹了吧,这就是你要完成伟大插件的文件夹
    (最好把红框内文件拷贝后单独放在一个你自己新建的开发插件文件夹内)
  1. Android Studio下载教学,已有软件读者请跳过
  • 第一步到官网点击小红框按钮
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 第二步下滑弹窗勾选同意协议并点击下载
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)

开始开发原生插件

一、导入项目
1.点击Android Studio菜单选项File—>New—>Import Project后导入uni插件原生项目 UniPlugin-Hello-AS工程请在App离线SDK中查找
uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
2.导入以后目录结构如下,等待依赖导入完成
uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
3. 粗略介绍一下项目的各个配置是怎样的
uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
先说图中的1,settings.gradle文件,指定项目名称,include ':app’好像表示会打包成一个app而不是一个依赖库,依赖库就是给其他项目引用的

图中2,gradle.properties文件,配置运行环境参数比如最大堆内存等。android.useAndroidX=true和android.enableJetifier=true表示自动使用androidx依赖库,如果使用到对应的类会自动引入androidx依赖包
org.gradle.jvmargs=-Xmx1536m

图中3,External Libraries,下面是当前项目的所有引用,可以从这里看到所有依赖jar

图中4,build.gradle文件,在项目的根目录下,如下,是关于从哪里下载依赖,以及一些项目级别的配置:
图中的gradle、build、.idea、.gradle文件夹,这些是idea以及外部环境如何定义当前项目,一般跟项目代码无关,可以不关注。

图中5,textdemo,这个是项目自己写插件demo目录,笼统来讲你开发的插件就是他(名字可以忽略随便起的)

4.非常重要app文件讲解
uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
图中1,build目录,这个目录是项目编译后放字节码文件,重新编译前可以直接删掉没事

图中2,libs目录,存放依赖的jar包,放在这个目录的jar会自动添加到依赖(加上依赖就行:implementation fileTree(dir: ‘libs’, include: [‘*.jar’])

图中3, src\main\java,这是源码目录,存放所有源码,也就是java类

图中4, src\main\res,资源目录,存放图片,样式,布局文件layout,等

图中5,src\main\AndroidManifest.xml文件,相当于web.xml文件

原生插件开发

  1. 创建插件Library
  • 切换至Project模式
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 在项目根目录右击File——>new——>new Module——>Android Library——>next
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 选择Android Library,module name是你插件自定义名称,其他配置按需分配后直接Finish
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 插件创建已完成,小红框内就是我们创建出来的插件模
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  1. 配置插件在项目
  • 在app目录下的build.gradle下引入 textdemo
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
    这里说一下,每次修改配置文件,AS上方会有蓝色提示框,点击Sync New同步更新文件,如果有问题的话点击File下Sync Project with Gradle Files功能进行同步文件
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 将applibs目录下的 uniapp-v8-release.aar包(名字可能不一样)引入到自己 插件里,必须引用!
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 在app/dcloud_uniplugins.json文件中添加插件信息
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  1. 开始编写插件代码及功能
  • 在modle目录下创建TestModule类(自定义类)集成UniMoudle
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 提供一个demo代码进行演示,可以直接复制后进行使用
public class TestModule extends UniModule {
    JSCallback jsCallback;
    String path = "";

    /**
     * 简单回调示例
     * 传入一个String类型 处理并返回
     */
    @JSMethod(uiThread = true)
    public void processData(String data, JSCallback jsCallback) {
        this.jsCallback = jsCallback;
        if (mWXSDKInstance != null && mWXSDKInstance.getContext() instanceof Activity) {
            path = data + "+(处理完成)";
            //返回处理结果 进行回调
            jsCallback.invoke(path);
        }
    }

    /**
     * 调用原生Toast显示传入内容
     */
    @JSMethod(uiThread = true)
    public void showToast(String message, JSCallback jsCallback) {
        if (mWXSDKInstance != null && mWXSDKInstance.getContext() instanceof Activity) {
            Toast.makeText(mWXSDKInstance.getContext(), message, Toast.LENGTH_SHORT).show();
            //返回处理结果 进行回调
            jsCallback.invoke("接收到了");
        }
    }
}


  1. 打包为aar插件包在uniapp项目内使用
  • AS选中右侧gradle选中当前插件项目,点击项目下other下assembleRelease进行打包插件
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 打包完成后会在你选中的项目下出现build文件,下方图中aar包就是你的插件包
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)

本地插件开发

  • 在你的uniapp项目下新建一个nativePlugins,多个插件都要有单独的文件夹(就是图中写插件的那个)存放
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 将上一步打包好的aar包按规定放入指定创建好的目录下,编写package.json文件
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 在需要引入插件功能的地方写入一下代码
//引用方式
const textdemo = uni.requireNativePlugin('textdemo');

	textdemo.showToast({message:"Hello World"}, res => {
	//插件回调
		console.log(res)
	})
  • 打开HBuilderX项目下manifest.json下App原生插件配置中选择本地插件选择你自己的插件
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 制作自定义调试基座后通过真机调试连接手机进行查看插件功能是否正常(切记基座选择为自定义基座)
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 如果遇到当前运行的基座不包含原生插件[xxx],请在manifest中配置该插件,重新制作包括该原生插件的自定义运行基座,解决方案如下
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
    1 首先一定要检查插件包nativePlugins下package.json中配置,绝大多数人问题都出现在配置问题
    2 安装自定义基座前,需要把已安装在手机上的自定义基座删除
    3 是否在manifest中配置 (这种睿智操作一般不会犯)
    4 原生插件是否使用自定义基座 (大部分是这个原因)
    5 自己开发原生插件是否有错误,未成功打包到基座 (原因是这个的概率很小,因为在 Android Studio 离线打包的时候我们调试通过了,说明插件没有问题。)

离线打包调试插件开发

  1. 生成本地打包APP资源
  • 先在HBuilderX中生成本地包
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 控制台会输出路径

uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)文章来源地址https://www.toymoban.com/news/detail-498593.html

  • 将项目下unpackage/resources的UNI xxxx包复制到AS app文件下src/main/assets文件中
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
    每次修改uniapp项目代码都需要重复此步骤去替换UNI xxxx包
  1. ** 申请App离线打包key**
  • 点击开发者中心去申请自己应用的离线key
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 点击保存会生成 appkey,后面要用到!!!
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 继续打开AS进行配置操作,把我们刚才申请的appkey填写到 app/src/main/AndroidManifest.xml 中,因为开发的是安卓,所以appkey填安卓的
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 把我们的签名证书放到app目录下,我的签名证书名叫 uniapp.keystore
    uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)
  • 最后一步在app目录下build.gradle中android{signingConfigs}添加以下代码,就可以在AS连接手机去运行项目调试插件啦

	 signingConfigs {
        config {
            keyAlias '证书别名'
            keyPassword '证书密码'
            storeFile file('uniapp.keystore')//放在app目录下的证书
            storePassword '证书密码'
            v1SigningEnabled true
            v2SigningEnabled true
        }
    }

如有问题或者遇到坑可以私信博主

到了这里,关于uniapp Android原生插件开发和离线打包调试看这篇就够了!(保姆级手把手教学)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp使用Android Studio离线打包

    Android Studio: 下载地址 APP离线SDK下载: 下载地址; 目前我使用得是“Android-SDK@3.8.7.81902_20230704”;需要与hbuider版本配套使用。 Appkey: 参考我 以上三步准备好后,进行接下来的不住: 导入APP离线SDK到 Android Studio 配置Appkey 打开Androidmanifest.xml, 导航到Application节点,创建meta-d

    2024年02月01日
    浏览(50)
  • uniapp离线打包apk - Android Studio

    ​下载 Android Studio 版本最好 4.0以上 ​下载 HBuilder X ​下载 Android离线SDK 注意:HBuilder X 和 离线SDK 版本必须一致(我的版本 3.6.2) Android SDK解压后目录: ​​​​ 以上步骤完成后,在工具栏找到Build,选中Generate Signed Bundle/APK… 在key store password 和 key password中输入密码 ****** (两

    2024年02月10日
    浏览(54)
  • Uniapp App离线打包流程(Android、IOS待续)

    开发环境: Visual Studio Code 版本:1.84.2 (非必需,可跳过) HBuilder X 版本:3.96 Android Studio 版本: 2022.1.1 JDK 版本:11.0.1 Android SDK. 版本:34.0.0 官网打包流程:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html) 温馨提示:网盘下载如龟速,如需要SDK可以加V benjamin19950304 由于uniapp 3

    2024年04月15日
    浏览(48)
  • 解决Uniapp插件市场试用原生插件项目 没有MD5签名安卓无法自定基座打包的情况

    由于Android Studio官网无法正常打开,所以进入google的网站进行下载Android Studio,网址:https://developer.android.google.cn/ 进入页面 后,点击“下载Android Studio” 进入页面后,当前推荐的版本是“Android Studio Hedgehog”, 点击按钮下载 。 Android Studio安装成功后,新建项目New Project选择

    2024年01月19日
    浏览(62)
  • uniapp 集成 Android Studio 使用原生插件

    前期工作 下载 Android Studio 下载 HbuilderX 对应的 App离线SDK 准备集成 打开选中项目 选中其中的模块文件夹 在该文件夹下的libs目录下添加需要使用的jar包(一般是第三方设备平台提供) 在该文件夹下的srcmainjava下的TestModule.java中写相应的业务实现 需要注意main文件夹下的Andr

    2024年02月15日
    浏览(48)
  • Uniapp安卓原生插件开发Demo

    当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力。这里举两个例子来说明具体的流程。 官网文档地址: https://nativesupport.dcloud.net.cn/NativePlugin/README JAVA: jdk1.8 Android Studio: 下载地址Android Stud

    2024年02月12日
    浏览(48)
  • 【Android studio+uniapp】将Android 的插件打包成aar包放在uniapp中使用, Android studio将uniapp本地资源包打包成apk, 以及一些常用的配置

    点击构建--rebuild project 打完包后会在build--output--aar文件夹中显示. 然后将这个.aar文件放到uniapp中的自定义插件中. nativeplugins这个文件夹名不能改,固定的.然后到app原生插件中选择你刚刚的本地插件 到这里你就可以使用自定义的安卓的插件了. 1,将uniapp端的代码打包成本地资源

    2024年02月04日
    浏览(63)
  • uniapp ios原生插件开发之module

    在文章《uniapp ios原生插件开发 (framework,cocoapods)》中我们已经介绍了Module 类型的插件及其创建过程, 却没有深入的介绍Module类型插件开发过程中所涉及到的技术点。 本文呢就将重点放在对这些技术点的使用上进行详解,算是是对上篇文章的一个补充与扩展。 在文章开始之前

    2024年02月13日
    浏览(35)
  • uniapp原生插件开发调用第三方SDK

    uniapp安卓官方SDK Android 离线SDK - 正式版 | uni小程序SDK 官方uni原生插件开发教程(android)网址: 简介 | uni小程序SDK 第一步,开发环境的准备 下载uniapp安卓官方SDK待后面使用,解压完成如下图所示。 JAVA环境 jdk,打开cmd输入java -version查看自己的jdk版本,官方文档中提示jdk版本应

    2024年02月15日
    浏览(52)
  • uniapp离线打包 如何查看公钥 /android studio 导出秘钥证书/获取MD5 SHA256 SHA1值

    使用uniapp离线打包 或者 根据 云端证书 获取 秘钥证书 app申请阿里云备案 在android studio 查看 离线打包的的MD5 SHA256 SHA1值 提示:根据证书或者签名 获取 MD5 SHA256 SHA1值 公钥 or 1.根据云端获取 生成证书 查看公钥 2.android studio 获取MD5 SHA256 SHA1值 3.如果没有获取到MD5 file = setting

    2024年01月18日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包