小程序入门：解决开发测试生产多环境开发

た入场券 2022-09-14 14:25 275阅读 0赞

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rKb5rKb6ICB54i5_size_20_color_FFFFFF_t_70_g_se_x_16][]

#  问题场景： #

现在的开发一般都是使用了不同的配置文件，来区分对应的环境。

这样的好处是代码统一的，一般只要通过了测试环境。

在发布生成的时候，是没有很多其它的问题的。

如果有用过Java或者vue脚手架的同学都知道，他们都支持多配置文件来解决这个问题。

但是小程序是没有这个的，因为如果要这样做，就需要小程序给大家更大的数量来使用。

有很多公司的做法是申请两个小程序，一个用来做开发测试，一个做生成。

其实这样非常的浪费。

而且这样的话测试还需要通过审核。

# 解决办法 #

对于此，其实我们可以使用小程序的API来巧妙的解决这个问题。

# wx.getAccountInfoSync() #

这个接口主要获取当前帐号信息

文档地址

[Object wx.getAccountInfoSync() | 微信开放文档][Object wx.getAccountInfoSync_ _]

好奇的同学就要问了？

这个和我们上面的问题有什么关系么？

别急，我们看下它的返回信息

## 返回信息 ##

###  Object ###

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>miniProgram</td> 
   <td>Object</td> 
   <td>小程序帐号信息</td> 
  </tr> 
  <tr> 
   <td>plugin</td> 
   <td>Object</td> 
   <td>插件帐号信息（仅在插件中调用时包含这一项）</td> 
  </tr> 
 </tbody> 
</table>

重点来了！重点来了！重点来了！

## **miniProgram 的结构** ##

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
   <th>最低版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>appId</td> 
   <td>string</td> 
   <td>小程序 appId</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>envVersion</td> 
   <td>string</td> 
   <td>小程序版本</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html" title="2.10.0" rel="nofollow">2.10.0</a></td> 
  </tr> 
  <tr> 
   <td>version</td> 
   <td>string</td> 
   <td>线上小程序版本号</td> 
   <td><a href="https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html" title="2.10.2" rel="nofollow">2.10.2</a></td> 
  </tr> 
 </tbody> 
</table>

version这个参数是返回对应的版本号。它的值是develop、trial、release。

分别对应开发、体验和正式。

解决思路就很简单了，在启动的时候，先加载这个方法，根据version的返回值来判断当前的版本，根据不同的版本赋值不同的接口的前缀地址。

# 解决方案伪代码 #

let domain = ''
    const baseUrl = {
    	production: '',	// 生产环境
    	trial: '',// 体验环境
    	development: ''	// 开发环境
    }
     
     //设置对应的接口基础地址
      let env = wx.getAccountInfoSync().miniProgram.envVersion
    
      if (env == 'release') {
    
    	domain = baseUrl.production
    
      }else if(env == 'trial') {
    
        domain = baseUrl.trial
    
      } else {
    
    	domain = baseUrl.development 
      }

后面的基本上就是直接使用domain拼接地址了。

没有任何技术含量了。

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rKb5rKb6ICB54i5_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/a6d71c225c5547ee8feb6412587bec81.png
[Object wx.getAccountInfoSync_ _]: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/account-info/wx.getAccountInfoSync.html#%E8%BF%94%E5%9B%9E%E5%80%BC