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

相关推荐
RisunJan1 小时前
uni-app 面试知识点梳理
面试·职场和发展·uni-app
Shadow(⊙o⊙)1 小时前
HTTP中URL,状态码详解
网络·网络协议·http
Shadow(⊙o⊙)2 小时前
HTTP——服务端、客户端格式,浏览器解析
网络·tcp/ip·http
软件聚导航13 小时前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
郑州光合科技余经理14 小时前
本地生活服务系统:模块边界与结算字段怎么拆
java·开发语言·前端·后端·系统架构·uni-app·php
一叶星殇17 小时前
微信小程序 Vant Popup 滚动穿透:页面级与组件级解决方案详解
微信小程序·小程序
库玛西19 小时前
Linux网络编程:HTTP/HTTPS协议核心技术全解析
linux·运维·服务器·网络·c++·http·https
for_ever_love__20 小时前
HTTP协议及网络请求与响应
网络·网络协议·http
2601_963869951 天前
【计算机毕业设计】基于微信小程序的点餐传菜系统设计与实现
微信小程序·小程序·课程设计
CDN3601 天前
APP和小程序在地铁里总断连?360CDN上HTTP/3(QUIC),把弱网失败率死死压在0.7%
网络·网络协议·http