小程序封装全局请求，开发（本地），测试（体验），生产（线上）环境区分配置，新版本更新配置

本文链接：https://blog.youkuaiyun.com/Aecho15/article/details/126094044

本文介绍如何在微信小程序中封装全局请求，实现开发、测试与线上环境的配置切换，并包含新版本更新管理。通过`wxRequest`函数，管理不同环境下的API URL和授权，同时探讨了使用`getUpdateManager`进行版本更新检测和应用的过程。

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

小程序封装全局请求，开发，测试，线上环境区分配置，新版本更新配置

//app.js
App({
  //设置全局请求URL
  globalData: {
    URL: '',
    token: '',
  },
  /**
  * 封装wx.request请求
  * method： 请求方式
  * url: 请求地址
  * data： 要传递的参数
  * callback： 请求成功回调函数
  * errFun： 请求失败回调函数
  **/

  wxRequest(method, url, data, callback, errFun) {
    wx.request({
      url: url,
      method: method,
      data: data,
      header: {
        'Accept': 'application/json',
        'Authorization': this.globalData.token
      },
      dataType: 'json',
      success: function (res) {
        callback(res.data);
      },
      fail: function (err) {
        console.log(err);
      }
    })
  },
  onLaunch: function () {
    let accountInfo = wx.getAccountInfoSync();
    let nowEnv = accountInfo.miniProgram.envVersion;
    let tempObj = {
      'develop': '', // 开发请求地址
      'trial': '', // 测试请求地址
      'release': '', // 生产请求地址
    };
    this.globalData.URL = tempObj[nowEnv]; // 设置全局的请求域名
    const updateManager = wx.getUpdateManager()

    updateManager.onCheckForUpdate(function (res) {
      // 请求完新版本信息的回调
      // console.log(res.hasUpdate)
    })
    updateManager.onUpdateReady(function () {
      wx.showModal({
        title: '更新提示',
        content: '新版本已经准备好，是否重启应用？',
        success(res) {
          console.log(res)
          if (res.confirm) {
            // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
            updateManager.applyUpdate()
          }
        }
      })
    })
    updateManager.onUpdateFailed(function () {
      // 新版本下载失败
      wx.showModal({
        title: '更新提示',
        content: '新版本下载失败',
      })
    })
  }
})