uniapp 云开发小程序如何调用接口

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 云开发小程序中调用接口的基本流程。当然,实际上还有很多需要注意的细节问题,需要在具体的应用场景下灵活使用,有了一个大致的思路后,我们还需要通过实践,来不断提高我们的开发水平。