小程序不同环境切换和自动判断的四个方案

在小程序中，根据不同的环境（开发环境、测试环境、生产环境等）进行快速切换和自动判断，可以通过以下四种方案实现：

1. 环境配置文件：使用不同的配置文件来区分不同环境。
2. 环境变量：通过环境变量来控制不同环境。
3. 条件编译：使用微信小程序的条件编译特性。
4. 动态设置请求域名：根据当前环境动态设置请求的域名。

以下是每种方案的示例代码：

1. 环境配置文件：

// config.dev.js
module.exports = {
  baseUrl: 'https://dev.example.com', // 开发环境接口域名
  enableLog: true // 开发环境开启日志
};
 
// config.test.js
module.exports = {
  baseUrl: 'https://test.example.com', // 测试环境接口域名
  enableLog: false // 测试环境关闭日志
};
 
// config.prod.js
module.exports = {
  baseUrl: 'https://example.com', // 生产环境接口域名
  enableLog: false // 生产环境关闭日志
};
 
// 在代码中引用对应环境的配置
const config = require('./config.' + process.env.ENV_CONFIG);

2. 环境变量：

// 通过环境变量来控制接口域名
const baseUrl = process.env.NODE_ENV === 'development' ? 'https://dev.example.com' :
                process.env.NODE_ENV === 'test' ? 'https://test.example.com' :
                'https://example.com';

3. 条件编译：

// 条件编译，在不同环境下执行不同的代码
// #ifdef H5
console.log('在H5环境下执行');
// #endif
// #ifdef MP-WEIXIN
console.log('在微信小程序环境下执行');
// #endif

4. 动态设置请求域名：

// 根据当前的环境变量动态设置请求域名
const baseUrl = process.env.NODE_ENV === 'development' ? 'https://dev.example.com' : 'https://example.com';
wx.request({
  url: baseUrl + '/api/data',
  // ...
});

在实际开发中，可以根据项目的具体需求和结构来选择合适的方案。通常，结合环境变量和条件编译是最常用的方法。