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

微信小程序开发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文件 然后取出里面的方法,直接调用就可以打到数据了

写的不咋地 你们看着理解把!!!!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: