微信小程序API请求封装及使用示例

本文将介绍如何使用JavaScript封装微信小程序API请求，并提供一个示例代码，展示如何使用封装后的API进行网络请求。

代码示例

let actice = 'dev';

const GET = 'GET';

const POST = 'POST';

const baseURL = '';

function request(method, url, data, header) {
    console.log(actice);
    switch (actice) {
        case 'dev': baseURL = 'http://localhost:8083'; break;
        case 'test': baseURL = 'https://testapi.ixxkj.com:8188'; break;
        case 'dev': baseURL = 'https://dev.ixxkj.com'; break;
    }
  return new Promise(function (resolve, reject) {
    var header = {};
    if (header !== null) {
        header = {
            applettoken: wx.getStorage('applettoken')
        }
    }

    wx.request({
      url: baseURL + url,
      method: method,
      data: method === POST ? JSON.stringify(data) : data,
      header: header,

      success(res) {
        //请求成功
        resolve(res);        
      },
      
      fail(err) {
        //请求失败
        resolve(err)
      }
    })
  })
}


//接口可以集合到一块，集中管理
const API = {
  gettoken: (data) => request(GET, '/applet/gettoken'),
      //根据自己的需求写GET和POST请求以及链接,data传的的参数！！
      //以实例为标准
};

module.exports = {
  API: API
}

// 放入微信小程序 Page（{}） 中内容：调用API接口：

const { API } = require('路径');

API.gettoken().then(res => {
  console.log(res);
}).catch(err => {
  console.log(err);
})

代码说明

封装request函数: 该函数用于封装微信小程序的API请求，接收请求方法（GET/POST）、URL、请求数据和请求头作为参数，并返回一个Promise对象，方便异步操作。
配置baseURL: 根据不同的环境（开发/测试/生产）设置不同的baseURL，并根据actice变量进行切换。
API接口定义: 将所有API请求封装到API对象中，方便统一管理和调用。
调用API接口: 在微信小程序的Page中引入API模块，并通过API对象调用相应的接口，使用Promise处理请求结果。

使用方法

将以上代码复制到你的微信小程序项目中。
在需要进行API请求的地方，使用 require('路径') 引入API模块。
通过 API 对象调用相应的接口，例如：API.gettoken()。
使用Promise处理请求结果。

总结

通过封装API请求，可以有效地提高代码的可维护性和可读性，方便进行API请求的统一管理。