小程序开发学习（4）---天气预报接口API篇

1.实现用户定位API

天气预报API大多数都是需要收费的，但是在现在学习阶段可以不需要购买收费的，网上能找到免费的天气预报API地址，但是可能不是很好找，我找了好久才找到一个免费的版本，不容易啊。下面给大家分享一下微信小程序获取用户定位信息的方法。
先在网上进入： 实况天气接口API开发指南
有付费和免费两个版本，上面的链接需要充钱才有API，我们可以使用下面的这个免费版，点击免费七日天气

在免费版本这里点击箭头所示，注册一个开发账号，推荐使用邮箱注册，后面有激活码会发送到你的邮箱

注册好了之后会有个易客云的天气API激活码发送到你的手机，我这里是采用的QQ邮箱注册的

然后到天气API控制台激活这个账号，只要输入激活码就好了，然后就可以使用下面APPID和APPSecret的内容

复制这个请求示例的地址到小程序的天气API入口地址

在微信小程序准备好定位信息后，复制这个请求示例过来，在天气预报API控制台的APPID和APPSecret替换过来

说明一下，只有前面配置好经纬度信息后面天气预报API才能地位你的天气情况，所以一定要先配置好定位信息情况。这个我会在后面也会详细的介绍如何配置经纬度信息，这里主要配置天气预报API接口。
点击编译就能显示经纬度和地理位置信息。我这里定位的地方在南昌，有城市id、日期、更新时间、城市信息，点击详情可以看到具体天气详情

到这里就能够显示天气预报详情介绍了，完成了实现天气预报接口API设置

2.获取定位信息

这里简单介绍一下获取定位信息方法，后面在完成小程序时还会详细介绍的，其实这个获取经纬度信息是在微信开放文档中直接有样式的。
可以直接复制粘贴过来，然后修改一下就好了。
在APP .JSON中复制微信开发文档中的这段代码：

"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序获取当前位置天气情况"
    }

然后在index.js文档中复制微信开发文档这段代码：

wx.getLocation({
      type: 'wgs84',
      success(res) {
        //获取纬度
        const latitude = res.latitude
        //获取经度
        const longitude = res.longitude
        //速度，单位m/s
        //const speed = res.speed
        //位置的精确度
        //const accuracy = res.accuracy
        console.log(longitude, latitude);
        wx.request({
          url: 'https://tianqiapi.com/api?version=v6&appid=13934133&appsecret=WMrUKo5e', 
          data: {
            x: '',
            y: ''
          },
          header: {
            'content-type': 'application/json' 
          },
          success (res) {
            console.log(res.data)
          }
        })
      }
    })

这样就完成了经纬度信息的定位了，点击编译就能看见精度和纬度的方位。完成基本配置，就可以进行上面天气预报API的地址信息了

再补充一点，小程序定位信息不能在小程序关闭后台时还能定位用户位置，造成用户信息泄露，所以小程序只能在经过用户同意的情况下，在使用时能定位到用户信息，在用户退出后就不再进行定位信息，这个是个要注意的细节。

这个图标闪烁就表示在获取用户的位置信息，小程序在细节方面做的非常仔细，闪烁停止就表示已经获得定位信息了，可以在调试器中看到经纬度信息。

到这里就大概完成了天气预报接口API设置了。