拒绝重复工作，简化开发：微信小程序 Promise 接口封装指南

在微信小程序的广阔世界中，开发者们每天都要与各种网络请求打交道，而 wx.request 接口无疑是他们的得力助手。然而，当项目规模不断扩大，小程序文件数量与日俱增时，重复编写 wx.request 代码的繁琐和维护成本也随之激增。为了打破这种低效的循环，本文将带你踏上微信小程序 Promise 接口封装之旅，让你从重复工作中解放出来，享受开发的便捷与高效。

拥抱 Promise，提升开发体验

在 JavaScript 中，Promise 是一种强大的工具，它允许开发者异步执行任务并处理其结果。通过封装 wx.request 接口，我们能够将网络请求转换成 Promise，从而显著简化代码结构和提升开发体验。

Promise 封装后的 wx.request 使用起来非常简单，只需要传入请求参数即可返回一个 Promise 对象。当请求成功时，Promise 对象的 resolve 方法会被调用，携带服务器响应数据。如果请求失败，则 reject 方法会被调用，携带错误信息。

//封装后的wx.request
const request = (options) => {
  return new Promise((resolve, reject) => {
    wx.request({
      ...options,
      success: (res) => {
        resolve(res.data)
      },
      fail: (err) => {
        reject(err)
      }
    })
  })
}

保持灵活性，应对多种场景

为了满足不同场景的需要，Promise 封装的 wx.request 支持自定义配置。你可以根据需要传递各种选项，例如：

• header：请求头
• data：请求数据
• timeout：请求超时时间
• dataType：响应数据类型

request({
  url: 'https://example.com/api/v1/users',
  method: 'POST',
  header: { 'Content-Type': 'application/json' },
  data: { name: 'John Doe' },
  timeout: 10000,
  dataType: 'json'
}).then(res => {
  //处理服务器响应数据
}).catch(err => {
  //处理请求错误
})

全局部署，提升代码复用性

为了实现代码的全局复用，我们可以将封装后的 wx.request 函数导出成一个模块，并在需要的地方导入使用。这将大大减少重复代码的编写，提升开发效率。

在小程序项目的根目录下新建一个 utils 文件夹，并在其中创建 request.js 文件：

//utils/request.js
const request = (options) => {
  //封装后的wx.request代码
}

module.exports = request

然后在需要使用的地方导入该模块：

//某个小程序文件
const request = require('../utils/request')

request({
  url: 'https://example.com/api/v1/users'
}).then(res => {
  //处理服务器响应数据
}).catch(err => {
  //处理请求错误
})