微信小程序开发API封装
2020-08-10 21:21
363 查看
微信小程序开发API封装
昨天写过一篇api接口的封装,有点bug,今天换了一个版本, 需要引入三个文件 先创建一个文件 写入
module.exports={ //开发环境 dev:{ baseUrl:'http://127.0.0.1:8080' }, //生产环境 prod:{ baseUrl:'https://api.it120.cc' }, //测试环境 test:{ baseUrl:'https://api.1909A.com' }}
写第二个文件
const { baseUrl } = require('./evn').prod/ /封装ajax //这里时接口的地址 const vipUrl = 'jh0927' module.exports = { //四个个参数 地址栏 请求方式 参数 request: function (url, method = "GET", data = {}, isSubDomain = true) { //请求的地址 let fullUrl = `${baseUrl}/${isSubDomain ? vipUrl : ''}/${url}`; 相当于loading wx.showLoading({ title: '玩命加载中', }) return new Promise((resolve, reject) => { wx.request( { url: fullUrl, method, data, header: { 'Content-type': 'application/x-www-form-urlencoded' }, success(res) { if (res.statusCode === 200 && res.data.code === 0) { resolve(res.data.data) wx.hideLoading() } else { wx.showToast({ title: '接口有问题,请检查', }) reject('接口有问题,请检查') } }, fail(error) { wx.showToast({ title: '数据接口有问题', }) reject('数据接口有问题') } }) }) } }
第三个文件
const { request }=require('./request.js'); //项目中用到的各种业务接口的封装 module.exports={ //商品列表接口 smf_banner:()=> { return request('banner/list','GET','',true) },/ / 商品列表 smf_goodsList:()=>{ return request('shop/goods/list','post','',true) }, // 拼团列表 smf_goodsListPintuan:()=>{ return request('shop/goods/list','POST',{ pingtuan:true },true) }, }
引入以后就时哪里需要接口的话引入这个aip文件 然后取出里面的方法,直接调用就可以打到数据了
写的不咋地 你们看着理解把!!!!
相关文章推荐
- 微信小程序开发实践点滴——Bmob基本REST API的python封装
- $微信小程序开发实践点滴——Bmob基本REST API的python封装
- 微信小程序开发(请求后台数据,封装request函数)
- 微信小程序开发-高德地图api
- WordPress版微信小程序开发系列(一):WordPress REST API
- 开发 | 微信小程序API-wx.setScreenBrightness_屏幕亮度调节
- 微信小程序如何封装api(详解~)
- 微信小程序开发 | 把玩系列:各种组件和API实用详解
- 微信小程序开发手记之六:API
- 微信小程序封装多张图片上传api代码实例
- 微信小程序开发 | 把玩系列:各种组件和API实用详解
- 前端开发---微信小程序中的页面代码中的模板的封装
- C#开发微信门户及应用(32)--微信支付接入和API封装使用
- 微信小程序开发—快速掌握组件及API的方法
- 微信小程序开发—快速掌握组件及API的方法
- $微信小程序开发实践点滴——Bmob常用API的使用
- 微信小程序入门与实战 常用组件 API 开发技巧 项目实战
- 慕课网 微信小程序入门与实战 常用组件API开发技巧项目实战 (完整版包含全部源码)
- 微信小程序入门与实战 常用组件API开发技巧项目实战
- 微信小程序开发 | 把玩系列:各种组件和API实用详解