频繁的手动修改线上prod和dev的接口,假若哪一天上线的时候疏忽了,线上的环境部署了dev的环境,那这个锅你就逃不掉要背了...
所以呢,为了避免这样的尴尬发生,小程序也可以配置dev和prod环境。
首先,定义一个本地config.js文件
let BASE_URL = ''
let BURY_URL = ''
if (process.env.NODE_ENV === 'development') {
BASE_URL = 'https://www.baidu.test.com' //dev环境接口
BURY_URL = 'http://10.10.1.10:8888' //dev环境埋点接口
} else {
BASE_URL = 'https://www.baidu.com' //正式生产环境
BURY_URL = 'https://analytics.xxx.com' //正式生产环境埋点
}
const config = {
bury_url : BURY_URL,
base_url: BASE_URL
}
export { config }
那发布的时候怎么区分呢
- 一般开发的时候都是选中Hbuild工具栏运行->运行到小程序模拟器->微信开发者工具->然后打测试包的时候在微信开发者工具栏上点击上传,等待打包成功
- 上线的操作呢,可以选中Hbuild工具栏发行->小程序微信->微信开发者工具->检查接口是否为线上环境,确认后再打包上传即可
- 这样环境区分就OK了,打上线和测试包就不用频繁的手动切换接口地址,避免犯错。