uni-app 微信小程序区分环境打包

uni-app 微信小程序区分环境打包

根据官网文档指引先区分环境配置:
uni-app 微信小程序区分环境打包_第1张图片

1.测试环境

uni-app 微信小程序区分环境打包_第2张图片直接运行至微信开发者工具,若电脑已安装开发者工具,会自动运行项目。

注意:当然你也可以手动打开微信开发者工具运行项目。HBuilder“运行”的小程序,会生成的本地文件。在项目下/unpackage/dist/dev/mp-weixin
uni-app 微信小程序区分环境打包_第3张图片

这时候小程序代码走的

if (process.env.NODE_ENV == 'development') {
	// TODO
	url = 'https://test.com'
}

调的是测试环境的后台,小程序上传发布即可。
uni-app 微信小程序区分环境打包_第4张图片

生产环境小程序序打包

打包步骤如下:
uni-app 微信小程序区分环境打包_第5张图片
请注意上图红色框所圈
用微信开发者工具打开/unpackage/dist/build/mp-weixin 项目
uni-app 微信小程序区分环境打包_第6张图片
此时,小程序运行的是生产环境的代码,直接上传审核发布即可。

if (process.env.NODE_ENV == 'production') {
	// TODO
	url = 'https://prod.com'
}

注意:HBuilder在“发行”-“小程序-微信”时是不能直接发行成功的,且不会自动打开微信开发者工具运行项目
在这里插入图片描述
所以就需要开发者本人手动打开/unpackage/dist/build/mp-weixin项目,然后操作上传小程序的动作。

你可能感兴趣的:(uni-app,vue.js,小程序)