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请求都封装成这样,在编码中统一形式和风格。

相关推荐
sinat_255487815 小时前
第七部分。介绍MVC(模型-视图-控制器)模式
java·ide·http·tomcat·intellij-idea
于先生吖9 小时前
前后端分离二手商城开发,质检登记、回收回款整套业务源码部署教程
java·开发语言·uni-app
齐鲁大虾11 小时前
如何彻底解决从公网HTTP页面请求私有HTTP资源跨域问题
网络·网络协议·http
韩曙亮11 小时前
【Flutter】Flutter 中的 Android / iOS 特殊配置 ① ( 网络权限配置 | HTTP 明文传输配置 | 应用名称配置 )
android·网络·flutter·http·ios·网络权限
WIZnet14 小时前
W55RP20-EVB-MKR 模块 MicroPython 实战 (11):HTTP 协议与 OneNET 平台数据上云
网络·网络协议·http
许彰午14 小时前
微服务安全上下文的透明传递——ThreadLocal透传与HTTP头转发的完整链路
安全·http·微服务
触底反弹14 小时前
从 Bun 到 DeepSeek:用 TypeScript 构建你的第一个 AI Agent
人工智能·http·typescript
遇事不決洛必達16 小时前
【爬虫随笔】深入理解 HTTP/HTTPS 协议、接口交互与会话机制
爬虫·网络协议·http·https·session
Geek_Vison16 小时前
政务一网通APP如何引入AI能力,通过一个AI助手就能够调用所有的功能,实现对话即办事
人工智能·ai·小程序·uni-app·小程序容器
华山令狐虫16 小时前
DBAPI 接入 Milvus 向量数据库:HTTP 执行器参数映射实战
数据库·http·milvus·dbapi