跳到主要内容

打包

项目地址配置

.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