调用和风天气API获取天气实况

博客简介

本篇博客介绍微信小程序如何通过和风天气获取当地的天气实况

  • 获取地址信息
  • 注册和风天气账号
  • 创建应用,获取key
  • 查看文档
  • 微信发送request请求

获取地址信息

关于地址信息,我们可以用经纬度,也能用实物地址。详细步骤可以查看这篇博客:小程序通过API获取位置信息 微信API 百度地图API
现在假设我们已经获取了当地的地理位置,在此基础上我们将会调用和风天气提供的API服务,获取天气实况

注册账号

注册和风天气账号就和注册QQ号一样简单,官方地址:https://www.heweather.com/
在这里插入图片描述

创建应用,获取key

在调用API之前,我们要创建应用,并且获取key,作为接口的必填参数,步骤如下:

  • 进入应用管理,点击新建应用
  • 填入应用明名称,选择WebAPI
  • 创建成功后,回有一个key信息,作为调用必填参数在这里插入图片描述

在这里插入图片描述

查看文档

步骤如下:

  • 点击文档
  • 点击API
  • 点击常规天气数据

在这里插入图片描述
在这里插入图片描述
在这里我们可以看到所有的参数请求,我们已经有了city信息,只需要填入location和key参数即可

微信发送request请求

  • 微信发送request请求之前,我们要先在微信开发设置request中填入要调用的API域名,也就是https://free-api.heweather.net这一段URl
    在这里插入图片描述
  • 填入域名之后我们开始代码调用,设置一个getWeather函数,然后通过res回调获取信息
  getWeather:function(city)
  {
    var that = this
    var url ="https://free-api.heweather.net/s6/weather"
    var struct={
        location:city,
        key : "8570f6b17578432d86eabe3290e5c659"
    }
    wx.request({
      url: url,
      data:struct,
      success: function(res) {
        console.log(JSON.stringify(res));
        var cond_txt = res.data.HeWeather6[0].now.cond_txt;//天气
        var cond_code_d = res.data.HeWeather6[0].now.cond_code;
        var tmp = res.data.HeWeather6[0].now.tmp;//当前温度
        var hum = res.data.HeWeather6[0].now.hum;//空气质量
        var tmp_min = res.data.HeWeather6[0].daily_forecast[0].tmp_min;//最高温度
        var tmp_max = res.data.HeWeather6[0].daily_forecast[0].tmp_max;//最低温度
        var daily_forecast = res.data.HeWeather6[0].daily_forecast;//连续三天的天气情况数组
      },
      fail: function(res) {},
      complete: function(res) {},
    })
  }

在这里插入图片描述
返回的信息中我们可以自由选择不同类型的数据。

发布了134 篇原创文章 · 获赞 201 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_44307065/article/details/104185881
今日推荐