小程序开发学习(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设置了。
上一篇:
uniapp开发微信小程序-2.页面制作