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

1.实现用户定位API

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

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

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

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

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

2.获取定位信息

"permission": {
          
   
    "scope.userLocation": {
          
   
      "desc": "你的位置信息将用于小程序获取当前位置天气情况"
    }
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设置了。

经验分享 程序员 微信小程序 职场和发展