Uniapp微信小程序开发:http请求封装。

在微信小程序开发中,http请求是一个非常重要的环节。虽然腾讯官方提供了相应的Api,但是如果直接使用这些Api的话,每次请求都非常麻烦。

在实战中,需要首先将其包装一下,让其变得更好用。

比如,我的请求的代码是这样写的:

javascript 复制代码
const reload = () => {
		MyAPI.getDevices()
		.then(res => {
			deviceList.value = res.list
		}).catch(err => {
			console.warning('err', err)
		})
	}

在页面中只需一个简单的MyAPI.getDevices(),就可以完成http的请求。是不是很简单呢?

再仔细看,它可是进行了网络请求的哦,还有,请求的时候,还顺带进行了身份认证的哦。

如果请求成功了,那么就会得到结果res,在res中有一个list属性,这是一个数组。

如果请求出错了,这里只是打印出错误信息,当然还可以进一步处理的。这里就省略了。

在这样的请求中,只关心业务逻辑,而不需要关心底层的实现。

如果再加个参数呢?

javascript 复制代码
const reload = () => {
		MyAPI.getDevice(MyAPI.getDeviceId())
		.then(res => {
			device.value = res
		}).catch(err => {
			console.warning('err', err)
		})
	}

你发现,虽然函数不同,但是使用的形式都是一样的。

通过这样的封装,可以将所有用得到的http请求都封装成这样,在编码中统一形式和风格。

相关推荐
不爱说话郭德纲2 小时前
uni-app x iOS 离线打包踩坑总结
uni-app·xcode
努力的lpp7 小时前
小迪安全第10天:HTTP数据包分析与构造
网络协议·安全·http
人还是要有梦想的7 小时前
如何开发微信小程序
微信小程序·小程序·notepad++
pengles7 小时前
基于RuoYi-Vue-Plus项目实现移动端项目
java·vue.js·uni-app
带娃的IT创业者8 小时前
WeClaw_41_桌面端与PWA文件双向传输:WebSocket与HTTP混合协议设计
websocket·网络协议·http·文件传输·pwa
左手厨刀右手茼蒿1 天前
Flutter 组件 http_requests 适配鸿蒙 HarmonyOS 实战:极简网络请求,构建边缘端轻量级 RESTful 通讯架构
网络·flutter·http
inksci1 天前
Js生成安全随机数
前端·微信小程序
azhou的代码园1 天前
基于SpringBoot+微信小程序的图片识别科普系统
spring boot·后端·微信小程序
WIN-U61 天前
新版华三H3C交换机配置NTP时钟步骤 示例(命令及WEB配置)
网络协议·tcp/ip·http
nbsaas-boot1 天前
基于 HTTP 构建 MCP Tools 的完整工程解析
网络·网络协议·http·ai