uniapp 云开发小程序是通过云函数调用云开发的数据库、存储、云函数等服务,实现小程序的后台数据处理和业务逻辑。本文旨在介绍如何在 uniapp 云开发小程序中调用接口。
1. 创建云函数
在云开发控制台中,创建一个云函数。在云函数中,在 index.js 文件中新建一个名为 main 的函数,并添加如下代码:
```
const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
// 接口逻辑代码
}
```
2. 云函数调用接口
以调用第三方天气接口为例,云函数中应该这样写:
```
const request = require('request')
const APPID = '填写你注册天气API的APPID'
const APPSECRET = '填写你注册天气API的APPSECRET'
exports.main = async (event, context) => {
return new Promise((resolve, reject) => {
const url = 'https://api.openweathermap.org/data/2.5/weather?q=' + event.city
+ '&appid=' + APPID + '&secret=' + APPSECRET
request(url, (error, response, body) => {
if (error) {
reject(error)
} else {
resolve(body)
}
})
})
}
```
上述代码中,用 request 模块编写了一个简单的网络请求相关天气数据的 JSON 对象的方法。
3. 小程序页面调用云函数
在小程序页面,调用返回数据的云函数:
```
wx.cloud.callFunction({
name: 'getWeather',
data: {
city: 'beijing'
},
success: res => {
console.log(res.result)
},
fail: err => {
console.error(err)
}
})
```
注意,本例中的云函数名称为“getWeather”,与云开发控制台中创建的云函数名相同。
以上,就是 uniapp 云开发小程序中调用接口的基本流程。当然,实际上还有很多需要注意的细节问题,需要在具体的应用场景下灵活使用,有了一个大致的思路后,我们还需要通过实践,来不断提高我们的开发水平。