Appearance
概述
系统移动端(view/uniapp/)基于 Uni-app 开发,支持编译打包为微信小程序并上传至微信公众平台发布。
准备工作
- 开发工具:
- 账号权限:确保当前微信账号已加入目标小程序的开发者或体验者名单。
- 域名与 SSL:微信小程序要求所有 API 请求必须为配置好 SSL 证书的
https://和wss://域名。
详细打包步骤
配置项目与域名
- 在 HBuilderX 中打开
view/uniapp/目录; - 修改
config/app.js中的HTTP_REQUEST_URL为小程序的实际后端 API 地址; - 打开
manifest.json,在【微信小程序配置】中填入小程序的 AppID。
开启微信开发者工具服务端口
打开微信开发者工具,进入【设置 -> 安全设置】,将 服务端口 状态开启(否则 HBuilderX 无法自动唤起开发者工具)。
发行构建
- 在 HBuilderX 顶部菜单选择【发行 -> 小程序-微信】;
- 确认小程序名称与 AppID 无误后,点击【发行】;
- HBuilderX 将自动完成编译,并启动微信开发者工具加载项目。
预览与测试
在微信开发者工具中预览页面,测试登录、商品浏览、下单支付等主干流程。
上传版本与提审
- 在微信开发者工具右上角点击【上传】;
- 填写版本号(例如
1.0.0)及版本备注说明; - 上传成功后,登录 微信公众平台小程序后台;
- 进入【版本管理 -> 开发版本】,将刚上传的版本选为体验版进行测试,确认无误后点击【提交审核】;
- 微信官方审核通过后,点击【全量发布】即可正式上线。