VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动

native applet如何封装请求,优雅地调用接口?(微信小程序网络请求封装)

locvps
主机参考:VPS参考测评推荐,专注分享VPS主机优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

微信小程序如何封装原生请求?接口怎么调用?下面的文章将向大家介绍原生的微信小程序封装请求,优雅地调用接口。希望对你有帮助!

native applet如何封装请求,优雅地调用接口?(微信小程序网络请求封装)

本文是一段代码片段,封装了原生微信小程序的请求。有个人写作习惯,仅供参考。目录。│├-Config.js//Configuration物品的相关请求,请求api等│├-env.js//environment配置├-request.js//encapsulate主功能├-statuscode.js.生产 # 39;,//ENV: # 39;测试 # 39;} statuscode.js//statusCode.js//配置一些常见的请求状态代码模块。exports = {success: 200,expire:403 } config.js//config.jsconst { env } = require( # 39;。/env # 39;)let BASEURLswitch(ENV){ case # 39;生产 # 39;:BASEURL = # 39'破案例 # 39;测试 # 39;:BASEURL = # 39'break default:base URL = # 39;'Break} module.exports = {baseurl,//项目接口地址,多域名支持}主函数//状态码const状态码= require( # 39;。/status code # 39;)//定义请求路径,BASEURL:通用请求APICBASEURL:中间平台API,如果不使用中间平台,不需要引入CBASEURLCONST { base URL } = require( # 39;。/config # 39;)//定义默认参数const default options = {data: {},ignoretoken: false,form: false,}/* * *发送请求* @ params *方法:< String gt请求方法:post/get * URL:< String gt;请求路径*数据: <对象 gt请求参数* ignore token:< Boolean gt;忽略令牌验证*格式:;{ wx.request({ url: BASEURL + url,data,header,method,success:(RES)= gt;{ let { status code:code } = RES if(code = = = status code。成功){ if (res.data.code!== 0) {//统一处理请求错误show toast(RES . data . error msg)reject(RES . data)return } resolve(RES . data)} else if(code = = = status code。EXPIRE){ app . global data . token = # 39;'ShowToast(`登录过期,请再次刷新页面`)reject(RES . data)} else { show toast(`请求错误$ {URL},代码:$ {code }`) reject (res.data)},fail:(err)= >;{ console . log( # 39;% c err # 39, '颜色:红色;font -weight:bold # 39;,err)show toast(err . errmsg)reject(err)} } }//封装toast函数show toast (title,icon = # 39无 # 39;,duration=2500,mask = false){ wx . show toast({ title:title | | # 39;',图标,时长,遮罩});} function get(options){ return request({ method: # 39;获取 # 39;,...options })}函数post (options) { // url,data = {},ignoreToken,form返回请求({ method: # 39;邮政 # 39;,...options })} module . exports = { request,get,post}使用方法新建一个api文件(这里以order接口为例),新建一个api/index.js(接口统一分发处理,防止接口写入同一个文件时间过长)。目录结构如下:

。│├-config.js//configuration项的相关请求,请求API等。│├-index.js//unified处理入口├-order.js//order界面│├-request.js//package主要功能├-statuscode.js//status代码└-...。/request # 39;)module.exports = {//数据可以传入URL,data,ignoretoken,form,c令牌API name(data){ let URL = # 39;apiUrl # 39request.post ({URL,data})}}统一分发接口const orderApi = require( ;。/order ;)module.exports = {orderApi} page引用const { order API } = require( # 39;目录/路径/API/索引 # 39;)...1.` promise . then()` chain call func(){ orderapi . apiname(params)。然后(RES = >;{ //做点什么})。catch(err = gt;{//dosomething})} 2。` async/await `调用async func(){ try { let RES = await order API . API name(params)//do Something } catch(err){//do Something } } options参数描述数据类型默认url接口名称字符串 # 39;'数据请求体对象{}对象{}ignoreToken请求是否携带令牌BooleanMessage?是表单请求Booleanfalse吗【相关学习推荐:小程序开发教程】以上是原生小程序如何封装请求,优雅调用接口?更多详情请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

  • 暂无相关推荐文章

本文由主机参考刊发,转载请注明:native applet如何封装请求,优雅地调用接口?(微信小程序网络请求封装) https://zhujicankao.com/75586.html

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » native applet如何封装请求,优雅地调用接口?(微信小程序网络请求封装)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!