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吗【相关学习推荐:小程序开发教程】以上是原生小程序如何封装请求，优雅调用接口？更多详情请关注主机参考其他相关文章！

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

• 下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。
• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)

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