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

根据官网文档指引先区分环境配置:
在这里插入图片描述

1.测试环境

在这里插入图片描述直接运行至微信开发者工具,若电脑已安装开发者工具,会自动运行项目。

注意:当然你也可以手动打开微信开发者工具运行项目。HBuilder“运行”的小程序,会生成的本地文件。在项目下/unpackage/dist/dev/mp-weixin
在这里插入图片描述

这时候小程序代码走的

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

调的是测试环境的后台,小程序上传发布即可。
在这里插入图片描述

生产环境小程序序打包

打包步骤如下:
在这里插入图片描述
请注意上图红色框所圈
用微信开发者工具打开/unpackage/dist/build/mp-weixin 项目
在这里插入图片描述
此时,小程序运行的是生产环境的代码,直接上传审核发布即可。

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

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐