当前位置:   article > 正文

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

uniapp本地调试原生插件

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

1、前景

承接上一篇文章,由于uniapp每天只有限定的打包次数,所以每次插件调试都打包成为基座,这个不太方便,因此,采用另外一种方式:android原生环境本地调试

2、准备工作

  • 离线AppKey
  • uniapp本地生成资源包
  • android 原生环境(上一篇已经导入的项目)

3、离线APPKey

  • 去到 uniapp 开发者中心,然后找到自己的应用,点击进去 找到 各平台信息

在这里插入图片描述
在这里插入图片描述

  • 离线打包 Key两种情况:一种是没有创建过的,一种是已经创建的了
    (1)没有创建过的,点击 修改 按钮,进入下图界面

在这里插入图片描述
证书:打包发布的时候需要证书,关于如何生成(证书),按照教程里面生成的。
在这里插入图片描述
上图填上信息SHA1、MD5、SHA256信息后。点击提交。回到 列表页面。再点击查看按钮

  • 已经创建完毕的
    点击 查看 按钮
    在这里插入图片描述
    把 这个离线的APP Key 复制下来。

4、uniapp本地生成资源包

先把本地插件删除
在这里插入图片描述
然后直接写插件的代码
在页面引入插件,描写功能

<template>
  <view class="content">
    <image class="logo" src="/static/logo.png"></image>
    <view class="text-area">
      <button @click="test">测试</button>
    </view>
  </view>
</template>

<script setup lang="ts">
  const test= ()=>{
    // 引入自定义插件
    const testModule = uni.requireNativePlugin('sunmi-scan')
    // 使用module的add方法
    testModule.add({
      a:1,b:3
    },e=>{
      uni.showToast({
        title:JSON.stringify(e),
        icon:'none'
      })
    })
  }
</script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

最后生成本地资源包:发行–原生APP-本地打包–生成本地APP资源
在这里插入图片描述
最后来到资源包目录,把整个AppId命名的文件夹全部复制
在这里插入图片描述

5、android 原生环境

  • 回到我们的android项目(上一篇已经导入),把上图复制的文件夹放在 app --src–assets–apps里面

  • 在这里插入图片描述

  • 修改dcloud_control.xml中的appid,并开启调试模式
    在这里插入图片描述

  • 把证书移动到 app 文件夹下
    在这里插入图片描述

  • 配置证书信息
    在这里插入图片描述

 signingConfigs {
        config {
            keyAlias '别名'
            keyPassword '密码'
            storeFile file('sinexcel.keystore')
            storePassword '密码'
            v1SigningEnabled true
            v2SigningEnabled true
        }
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 修改dcloud_uniplugins.json文件,添加自定义的插件名称,这个名称会在uniapp中调用,添加对应的class路径,该路径在之前创建的业务代码类中复制的
    在这里插入图片描述
{
      "plugins": [
        {
          "type": "module",
          "name": "",
          "class": ""
        }
      ]
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 配置对应的appkey(这里需要用到 一开始的 离线打包key)
    在这里插入图片描述
<meta-data
            android:name="dcloud_appkey"
            android:value="你的离线打包key" />
  • 1
  • 2
  • 3
  • 修改 app — build.gradle文件的applicationId,改为uniapp项目的包名
  • 在这里插入图片描述

启动项目

在这里插入图片描述
大功告成!各位看官麻烦点个赞!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/231354
推荐阅读
相关标签
  

闽ICP备14008679号