码迷,mamicode.com
首页 > 其他好文 > 详细

小程序统一管理接口

时间:2018-06-20 13:01:18      阅读:339      评论:0      收藏:0      [点我收藏+]

标签:分享图片   ==   applet   通过   .com   统一   封装   mod   app.js   

小程序上线后要增加功能,不能用线上的接口联调,怎么办?

1.微信开发者工具,详情,勾上该选项

技术分享图片

2.修改apiHost为本地接口地址

技术分享图片

3.api.js

var app = getApp();
var api = {
    cityApi:app.apiHost+‘/applet/index.php?route=city/list‘,
...
}
module.exports=api;

一个模块要想要对外暴露其内部的私有变量和函数,只能通过module.export

把接口的地址全部放在api.js中就可以模块化的管理接口了

4.app.js中用wx.request把接口请求封装起来

fetch(url, data, method, callback) {
if (method=="GET"){
var header= {‘Content-Type‘: ‘application/json‘}
}
else if (method == "POST") {
var header = { "Content-Type": "application/x-www-form-urlencoded" }
}
wx.request({
url,
data: data,
method: method,
header: header,
success(res) {
callback(null, res.data);
},
fail(e) {
callback(e);
}
})
},

5.使用接口

  app.fetch(API.cityApi, {}, ‘POST‘, (success, data) => {
              if (data.code == 0) {

 

小程序统一管理接口

标签:分享图片   ==   applet   通过   .com   统一   封装   mod   app.js   

原文地址:https://www.cnblogs.com/liuqianrong/p/9202974.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!