打算开发一个小程序，因为前端 API 请求各种各样，所以打算找一款设计比较好的小程序进行参考。

1 litemall

star：17k
架构方式：
util.js 中封装小程序的 request
api.js 中定义api地址

  1. function request(url, data = {}, method = "GET") {
  2.   return new Promise(function(resolve, reject) {
  3.     wx.request({
  4.       url: url,
  5.       data: data,
  6.       method: method,
  7.       header: {
  8.         'Content-Type': 'application/json',
  9.         'X-Litemall-Token': wx.getStorageSync('token')
  10.       },
  11.       success: function(res) {
  13.         if (res.statusCode == 200) {
  15.           if (res.data.errno == 501) {
  16.             // 清除登录相关内容
  17.             try {
  18.               wx.removeStorageSync('userInfo');
  19.               wx.removeStorageSync('token');
  20.             } catch (e) {
  21.               // Do something when catch error
  22.             }
  23.             // 切换到登录页面
  24.             wx.navigateTo({
  25.               url: '/pages/auth/login/login'
  26.             });
  27.           } else {
  28.             resolve(res.data);
  29.           }
  30.         } else {
  31.           reject(res.errMsg);
  32.         }
  34.       },
  35.       fail: function(err) {
  36.         reject(err)
  37.       }
  38.     })
  39.   });
  40. }
  1. var WxApiRoot = 'http://localhost:8080/wx/';
  3. module.exports = {
  4.   IndexUrl: WxApiRoot + 'home/index', //首页数据接口
  5.   AboutUrl: WxApiRoot + 'home/about', //介绍信息
  7.   AuthLoginByWeixin: WxApiRoot + 'auth/login_by_weixin', //微信登录
  8. };

实际使用

  1. const util = require('../utils/util.js');
  2. const api = require('../config/api.js');
  4. util.request(api.AuthLoginByWeixin, {
  5.   code: res.code,
  6.   userInfo: userInfo
  7. }, 'POST').then(res => {
  8.   if (res.errno === 0) {
  9.     //存储用户信息
  10.     wx.setStorageSync('userInfo', res.data.userInfo);
  11.     wx.setStorageSync('token', res.data.token);
  13.     resolve(res);
  14.   } else {
  15.     reject(res);
  16.   }
  17. }).catch((err) => {
  18.   reject(err);
  19. });
  20. }).catch((err) => {
  21.   reject(err);
  22. })

好处：简单明了