【微信小程序篇】- 多环境（版本）配置

原创

已于 2023-08-30 15:30:16 修改 · 3.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2023-08-29 20:00:00 首次发布

文章讲述了作者在使用AIGC开发小程序时遇到的上下文关联性问题，并介绍了如何通过`__wxConfig.envVersion`和`wx.getAccountInfoSync()`来实现多环境配置，确保不同版本的小程序访问不同的API地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近自己在尝试使用AIGC写一个小程序，页面、样式、包括交互函数AIGC都能够帮我完成(不过这里有一点问题AIGC的上下文关联性还是有限制，会经常出现对于需求理解跑偏情况，需要不断的重复强调，并纠正错误，才能得到你想要的内容)。

因为最近某些原因，所处的环境网络没办法科学上网，剩下的网络交互需要自己完成。

多环境（版本）配置

我们都知道小程序开发主要有三个版本：开发版，体验版，正式版；我们如何让三个环境访问的环境信息不同呢？这个就需要进行多环境（版本）配置信息了。

1.多环境（版本）配置封装

最近在网上看到了很多人做多版本封装的时候，用到了这样的配置：
env.config.js

const envConf = {
   
   
    // 开发版-本地环境
    develop: {
   
   
        mode: 'dev',
        DEBUG: false,
        VCONSOLE: true,
        appid: 'appid',
        APP_BASE_URL: 'API地址',
    },
    // 体验版-测试环境
    trial: {
   
   
        mode: 'test',
        DEBUG: false,
        VCONSOLE: false,
        appid: 'appid',
        APP_BASE_URL: 'API地址',
    },
    // 正式版-正式环境
    release: {
   
   
        mode: 'prod',
        DEBUG: false,
        VCONSOLE: false,
        appid: 'appid',
        APP_BASE_URL: