您的位置:首页 > 移动开发 > 微信开发

微信小程序----编写后台服务接口配置文件

2018-05-23 16:40 453 查看

微信小程序----编写后台服务接口配置文件

编写后台服务接口配置文件

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项目地址

微信小程序实例列表

前端笔记列表

游戏列表

posted @ 2018-05-23 16:40 Newman·Li 阅读(...) 评论(...) 编辑 收藏
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: