uniapp 原生 APP 打包

主要介绍了uniapp项目打包运行原生APP的问题，包括真机调试，真机运行，项目打包等等；还介绍了小程序接入微信客服的处理逻辑

微信客服接入

小程序端接入微信客服，需要调用wx.openCustomerServiceChat函数，前提要得到企业 ID 和客服链接

具体可查看官方文档：在小程序中接入

<template>
  <view class="customer" @click="handleJump()">
    <view class="line"></view>
    <text class="txt">客服</text>
  </view>
</template>

<script>
export default {
  methods: {
    // 点击事件触发跳转
    handleJump() {
      wx.openCustomerServiceChat({
        extInfo: { url: "https://work.weixin.qq.com/xxx" }, // 客服链接 需要先配置
        corpId: "xxx", // 企业ID 需要先配置
        success(res) {
          // 成功回调函数
          console.log("接入成功", res);
        },
        fail(err) {
          // 失败回调函数
          console.log("接入失败", err);
        },
        complete(res) {
          // 完成回调函数，类似promise().finally()
          console.log("接入完成", res);
        },
      });
    },
  },
};
</script>

uniapp 原生 APP 打包

最近维护了一个 uniapp 的原生 APP 项目，记录一下项目打包运行的问题

项目运行

1. 真机调试：手机需要打开"开发者选项"，并且开启"USB 调试"。

   不同的手机配置应该是不一样的，但是都可以查文档，按照文档操作就行。

   我的是 vivo 手机，打开配置方式如下：

开启"USB 调试"后，才会在手机上安装app

2. 真机运行：第一次运行时，系统会提示安装 Android APP 基座

   注意：注意 HBuilder 控制右下角提示，缺啥都会提示安装的，按照提示操作就行

   可以通过以下两种方式运行到 Android APP 基座

   （1）通过顶部菜单运行：运行->运行到手机或模拟器->运行到 Android APP 基座

（2）通过工具栏运行：运行 ▶️->4 运行到 Android APP 基座

3. 项目运行 手机开启了 USB 调试时，就可以安装项目了，我直接使用的标准基座运行，当然，也可以自定义基座运行，旁边就有文档链接，很方便的。

安装成功后，手机上有个Hbuilder的图标，就可以在手机上查看了，可正常软件一样运行

4. 项目调试：点击控制台的 bug 标识，开始调试

   注意：开启调试时，手机和电脑要在同一局域网中，不然无法调试，运行APP会有弹框提示的，按照弹框操作就行

项目打包

1. 基础配置：配置 APPID，名称，版本号等信息。

2. 图标配置：选择图标后，点击"自动生成所有图标并替换"，可以得到不同尺寸的图标，满足不同设备的显示需求

3. 隐私协议弹框：根据监管需求，这个是必须有的，和小程序一样。我直接使用默认的，没有自己写，当然可以自定义配置

如果没有配置，在打包时，会进行校验的，有提示，不配置也可以完成打包，只是会对应用的上架产生一定影响

4. 发行：以前需要自有证书才能发布应用程，但是现在可以直接用"云端证书"进行打包，更方便了

   可以通过顶部菜单运行打包：发行->原生 APP 云打包

打包成功后，控制台可以看到打包apk的文件路径，安装到手机上就可以了