跳到主要内容

打包

项目地址配置​

.env.production VITE_SERVER_BASEURL 改成生产地址

// 变量必须以 VITE_ 为前缀才能暴露给外部读取
NODE_ENV = 'development'
// 是否去除console 和 debugger
VITE_DELETE_CONSOLE = true
// 是否开启sourcemap
VITE_SHOW_SOURCEMAP = false

VITE_SERVER_BASEURL = '你线上的地址'

一、打包 H5​

  1. 运行命令
pnpm run build:h5  或  pnpm run build
  1. 产物放服务器

产物地址：dist/build/h5

二、打包 Android​

  1. uniapp 开发者中心 实名认证
  2. 确认你是是该应用的成员或者拥有者

alt text

  1. BHuilderX 编辑器 发行 -- 云打包

alt text

  1. 选择 Android 相关配置
alt text
  1. 等待 2-5 分钟，打包成功（产物地址：dist/release/apk/）

alt text

三、打包微信小程序​

  1. 申请微信小程序AppID， 参考：微信教程。

  2. 在.env文件中输入步骤1申请的微信小程序appid

# UNI_APPID 的格式：__UNI__111111
VITE_UNI_APPID = '你的uniapp项目的AppID'
# WX_APPID 的格式：wx1abcd2efg1111
VITE_WX_APPID = '你的微信小程序的AppID'
  1. 在HBuilderX中顶部菜单上单击发行 ->小程序-微信

  1. 发行后，项目启动会打开你本地配置的微信开发者工具，这里可以测试一下你的项目基础功能

如果是首次使用，需要先配置小程序微信开发者工具的安装路径（见下图1），HBuilderX才能自动运行微信开发者工具； 若HBuilderX不能自动启动微信开发者工具，则开发者可以自行打开微信开发者工具启动， 将uni-app生成的小程序工程的路径（见下图2）复制到微信开发者工具里面即可

5.上传到微信公共平台

  1. 登录 微信公共平台，将新版本提交审核即可

注意项目用到相关域名需要再这里配置

四、打包鸿蒙​

  1. 下载 DevEco-studio

  2. 注册 华为开发者，获取包名

alt text

  1. 在 manifest.config.ts 填入包名

alt text

4.HBuilderX编辑器，发行 - App-Harmony-本地打包

alt text

  1. 打包成功 （产物地址：dist/release/(包名)/build/outputs/release/）

alt text