文章目录
- 1.实现用户定位API
- 2.获取定位信息
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设置了。