微信小程序----編寫后台服務接口配置文件

編寫后台服務接口配置文件

const basePath = 'http://test.cdbhbc.com/wbgapi'; 
const urlList = {
  // 刷新token
  refreshTokeUrl: basePath + '/refreshToke',//token
  // 登錄和首頁輪播
  loginUrl: basePath + '/wxappLogin',//登錄
  advertPicListUrl: basePath + '/advertPicList',//輪播列表
  // 網吧
  shopSortListUrl: basePath + '/shopSortList',//網吧分類列表
  shopListUrl: basePath + '/shopList',//網吧列表
  shopDetailUrl: basePath + '/shopDetail',//網吧詳情
  // 商品
  goodsSortListUrl: basePath + '/goodsSortList',//商品分類列表
  goodsListUrl: basePath + '/goodsList',//商品列表
  goodsDetailUrl: basePath + '/goodsDetail',//商品詳情
  // 訂單
  orderListUrl: basePath + '/orderList',//訂單列表
  orderDetailUrl: basePath + '/orderDetail',//訂單詳情
  payBeforeInfoUrl: basePath + '/payBeforeInfo',//訂單支付前信息
  submitOrderUrl: basePath + '/submitOrder',//提交訂單
  // 購物車
  emptyShopCartUrl: basePath + '/emptyShopCart',//清空購物車
  addShopCartUrl: basePath + '/addShopCart',//添加到購物車
  shopCartListUrl: basePath + '/shopCartList',//購物車列表
  // 修改商品數量
  shopCartBuyCountOperateUrl: basePath + '/shopCartBuyCountOperate',//修改商品數量
  // 支付
  wxPayUrl: basePath + '/wxPay/payConfig',//支付信息接口
  // 特殊商品網費
  goodsSpecialDetailUrl: basePath + '/goodsSpecialDetail',//網費充值列表
  submitSpecialOrderUrl: basePath + '/submitSpecialOrder',//網費充值提交
  // 我的網吧
  shopMyListUrl: basePath + '/shopMyList',//我的網吧列表
  shopMyAddUrl: basePath + '/shopMyAdd',//添加我的網吧
}
module.exports = urlList;

---

接口配置文件的使用

// 引入配置文件config
const urlList = require('../../utils/config.js');
// request請求的時候使用，實例：更新token接口的使用
App({
    refreshToke(){
        // 小程序登錄接口獲取code
        wx.login({
            success: res => {
                // console.log(res)
                if(res.errMsg == 'login:ok'){
                    //調用refreshTokeUrl接口刷新token
                    wx.request({
                        url: urlList.refreshTokeUrl,
                        data: { code: res.code },
                        success: res => {
                            // console.log(res)
                            if(res.data.state == 'true'){
                                // token本地存儲並且進行全局變量的賦值
                                wx.setStorageSync('token', res.data.data.token);
                                this.globalData.token = res.data.data.token;
                            }
                        }
                    })
                }
            }
        })
    }
})

---

接口配置文件的作用

1. 在項目開發時能夠在固定位置很快查到需要的接口；
2. 服務器地址改變時，只用替換 basePath 的值，就能全部替換，不用去單獨頁面替換；
3. 方便接口的集中管理，方便后期的維護。

---

DEMO下載

我的博客，歡迎交流！

我的CSDN博客，歡迎交流！

微信小程序專欄

前端筆記專欄

微信小程序實現部分高德地圖功能的DEMO下載

微信小程序實現MUI的部分效果的DEMO下載

微信小程序實現MUI的GIT項目地址

微信小程序實例列表

前端筆記列表

游戲列表