uniapp 原生 APP 打包

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

微信客服接入

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

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

vue 复制代码
<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

  1. 真机运行:第一次运行时,系统会提示安装 Android APP 基座

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

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

    (1)通过顶部菜单运行:运行->运行到手机或模拟器->运行到 Android APP 基座

(2)通过工具栏运行:运行 ▶️->4 运行到 Android APP 基座

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

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

  1. 项目调试:点击控制台的 bug 标识,开始调试

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

项目打包

  1. 基础配置:配置 APPID,名称,版本号等信息。
  1. 图标配置:选择图标后,点击"自动生成所有图标并替换",可以得到不同尺寸的图标,满足不同设备的显示需求

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

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

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

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

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

相关推荐
微笑的曙光10 小时前
第八期 · 情绪闯关挑战盒:一个「无惩罚」成就系统的数据建模
java·微信小程序
m0_5873830011 小时前
无人自助拼豆系统落地开发实战指南 核心逻辑实现与部署经验分享
前端·javascript·vue.js·人工智能·经验分享·需求分析
.Hypocritical.13 小时前
SpringBoot+Vue 前后端分离项目部署到云服务器
服务器·vue.js·spring boot
溪语流沙13 小时前
【Web全栈进阶】Vue3起步:组件、模板语法、响应式数据
前端·javascript·vue.js·css3
andrsted14 小时前
练题簿在线免费刷题:顺序续练、优先新题与题型筛选,让复习一轮轮推进
微信小程序·小程序·刷题
拖孩14 小时前
全程 AI 写的小程序,刚接上会员虚拟支付,上线第二天就有人真金白银买单了|双签名、定价、iOS 的坑我全踩了一遍
前端·后端·微信小程序
2501_9159214315 小时前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
醒醒11115 小时前
深入浅出:如何用 Python 实现一个小程序污点分析引擎
微信小程序
志尊宝15 小时前
Vue3 零基础每日笔记(081):富文本编辑器集成 wangEditor 5——封装
前端·javascript·vue.js·笔记·信息可视化·echarts
志尊宝16 小时前
Vue3 零基础每日笔记(080):Vue3 + ECharts 数据可视化——封装可复用图表组件
前端·javascript·vue.js·笔记·信息可视化·echarts