微搭低代码调用第三方API网站首页 学无止境

微搭低代码调用第三方API

低代码布道师 2023-06-12 16:00:03

简介微搭低代码调用第三方API

1 创建项目

如果要调用和风天气，首先需要创建一个项目，我们使用免费订阅的方式来获取需要的Key

在这里插入图片描述

因为我们是在小程序里使用，所以Key的话我们选择webAPI

创建成功后，需要返回列表页，点击查看按钮获取我们的key

2 获取实时天气API

得到Key之后我们就需要阅读官方文档，要了解如何访问接口，传入哪些参数会返回哪些结果

在这里插入图片描述
请求实时天气的方式是使用GET方式，文档已经给出了访问地址，因为我们是免费订阅，因此我们的地址是

https://devapi.qweather.com/v7/weather/now

然后就是请求的参数
在这里插入图片描述
这里需要传入key和location

文档已经给出了获取location 的链接，我们贴一下地址

https://github.com/qwd/LocationList/blob/master/China-City-List-latest.csv

在页面上找到你的城市的loaction

3 创建APIs

微搭是通过APIs来调用第三方API的，登录控制台，点击新建APIs，输入名称
在这里插入图片描述
选择HTTP请求

输入名称和标识

接着录入方法的名称和标识，URL贴我上边的，入参就按照文档要求新增，方法选择GET

接着我们需要配置Query也照着入参的形式建立，VALUE的话从入参选择即可

然后点击方法测试

在这里插入图片描述
需要注意的是提交参数那需要替换成你真实的参数，替换好执行一下测试，会返回调用结果，点击出参映射即可

4 小程序中调用

小程序中一般是在生命周期函数里调用，比如我们一启动小程序的时候就获取天气，代码如下

export default {
  async onAppLaunch(launchOpts) {
    //console.log('---------> LifeCycle onAppLaunch', launchOpts)
    const result = await app.cloud.callConnector({
      name:'weather_3x7b055',
      methodName:'getWeather',
      params:{
        key:"***",
        location:"101080101"
      }
    })
    app.dataset.state.now = result.now
  },
  onAppShow(appShowOpts) {
    //console.log('---------> LifeCycle onAppShow', appShowOpts)
  },
  onAppHide() {
    //console.log('---------> LifeCycle onAppHide')
  },
  onAppError(options) {
    //console.log('---------> LifeCycle onAppError', options)
  },
  onAppPageNotFound(options) {
    //console.log('---------> LifeCycle onAppPageNotFound', options)
  },
  onAppUnhandledRejection(options) {
    //console.log('---------> LifeCycle onAppUnhandledRejection', options)
  }
}