博客简介
本篇博客介绍微信小程序如何通过和风天气获取当地的天气实况
- 获取地址信息
- 注册和风天气账号
- 创建应用,获取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) {},
})
}
返回的信息中我们可以自由选择不同类型的数据。