小程序开发多环境配置

小程序开发时的多环境配置

可以通过config文件夹下不同的.env.[mode].js配置文件来区别，然后在index.js中import

/**
 * 生产环境
 */
 module.exports = {
  NODE_ENV: 'production',
  // common api
  BASE_URL: 'https://xxxxxxxxx.net'
}

// 引入
const env = require('./.env.prod')

module.exports = env

当然这种可以方便我们开发时切换环境。

但是小程序提交审核通过后不能修改代码了，否则就要重新提交，这就导致了我们不能提交审核开发环境代码。发布时再使用正式环境。

实际上这样做也是可以的。

小程序提供了**__wxConfig.envVersion**这一属性

提交审核多环境配置

我们在开发者工具console打印一下__wxConfig.envVersion: "develop"

envVersion有以下几个值：

• develop 开发版
• trial 体验版
• release 正式版

于是乎我们可以在代码中如下操作

const env = __wxConfig?.envVersion ?? 'release'

const develop = require('./.env.development')
const test = require('./.env.test')
const prod = require('./.env.stag')
const envMaps = {
  develop,
  trial: test,
  release: prod
}

// const envVersion = __wxConfig?.envVersion ?? 'release'
const envVersion = wx.getAccountInfoSync().miniProgram.envVersion ?? 'release'
const config = envMaps[envVersion]

module.exports = config

再在其他文件如api/index.js中导入

小程序已提供正式api wx.getAccountInfoSync()