uni-app 接口封装
时间: 2023-08-03 21:03:40 浏览: 107
Uni-app 是一款跨平台的开发框架,它支持多种前端框架,并且可以在多个平台上运行,包括微信小程序、H5、iOS、Android 等。在使用 Uni-app 进行开发时,我们可以封装接口来简化代码和提高开发效率。
下面是 Uni-app 接口封装的步骤:
1. 定义接口函数:定义一个函数用来发送请求并返回数据。
2. 定义参数格式:定义请求参数的格式和数据类型。
3. 定义返回值格式:定义接口返回数据的格式和数据类型。
4. 发送请求:在接口函数中使用 uni.request 函数发送请求。
5. 处理返回值:在接口函数中处理请求返回的数据,并按照事先定义的格式进行返回。
6. 调用接口:在需要使用接口的地方调用接口函数即可。
举个例子,假设我们要封装一个获取用户信息的接口:
```
function getUserInfo(userId) {
const apiUrl = 'https://api.example.com/getUserInfo';
const data = {
userId: userId
};
const header = {
'Content-Type': 'application/json'
};
return uni.request({
url: apiUrl,
method: 'POST',
data: data,
header: header
}).then(res => {
const {data} = res;
if (data && data.code === 0) {
return data.data;
} else {
return null;
}
}).catch(() => {
return null;
});
}
```
在这个例子中,我们定义了一个函数 getUserInfo,它接受一个 userId 参数,并返回一个 Promise。在函数中,我们使用 uni.request 函数发送请求,并在 then 函数中处理返回的数据。如果返回的数据符合我们的格式要求,则返回数据,否则返回 null。最后,我们将这个函数导出,供其他地方使用。
阅读全文