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 小时前
排查记:本地 devServer 是 http,浏览器却把 302 重定向升级成了 https
前端·http
白远山7 小时前
上海24小时自助健身房系统软件开发实战指南
java·架构·uni-app·需求分析
StevenLdh9 小时前
第四期 · 云端同步与冲突仲裁:离线可写、多端一致的工程解法
java·微信小程序
那年窗外下的雪.10 小时前
第 02 天:Linux 权限、inode、目录项与链接
学习·http
那年窗外下的雪.11 小时前
AIDC 学习日志|第 27 天|EVPN 多归属收敛时间线与 Leaf2 接管验证
网络协议·学习·http·tcpdump
m0_4628038811 小时前
会议签到如何设置手写签名?从创建签到到导出签名 PDF 的完整流程
微信小程序
j7~12 小时前
【Linux】三十八.C++ 手写 HTTP 服务器:裸 socket + fork 多进程,从 HTTP 报文解析到浏览器打开网页
linux·网络·网络协议·学习·http·网络编程
白远山1 天前
上海24小时自助健身房系统软件开发实战指南:从需求到部署
java·架构·uni-app·需求分析
AI工具人PM产品经理1 天前
零基础微信小程序入门:一个真实项目的里程碑路线图
微信小程序·云开发·学习路线·零基础入门·ai 编程
海鸥两三1 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp