需求
在2022年5月初,网络上各大平台上,都开始展示用户IP属地,在某音、某手等小视频平台以及各主流网站应用中,都展示IP归属地,如下图所示:
解决办法
收费文档的肯定有很多,基本你百度搜“归属地免费API”,搜出来的都是那种免费多少次的,后续要收费的那种,真正免费的很少,这些年也用了几个归属地API接口,运行一段时间发现挺稳定的,给大家推荐一下。
1)高德地图IP定位
地址:
https://lbs.amap.com/api/webservice/guide/api/ipconfig,
优点:
高德地图的这个api查询速度很快,很好用,调用方法还是挺简单的。
缺点
有次数限制,个人认证开发者:日配额(5000次/日),企业认证开发者:日配额(100000次/日),理论来讲一般用户量不大的项目,使用高德地图的IP定位获取用户的归属地,已经够用了,如果不够用那只能再去花钱买流量包了,或者使用第二种推荐方式。
2)太平洋网络IP地址查询Web接口
地址:
https://whois.pconline.com.cn/
优点:
接口类型丰富,支持各种方式的调用,返回的类型也比较丰富。
缺点
编码类型GBK,有可能没处理编码返回的是乱码,速度上不如高德地图相应快。
实现方法
1)前端客户端调用
可以直接在客户端进行调用,以uniapp为例,使用uni.request调用第三方接口,示例代码:
uni.request({
url:"https://whois.pconline.com.cn/ipJson.jsp?json=true",
method:"GET",
success:res=>{
console.log(res);
}
})
在客户端调用接口,会出现跨越问题,可以参考下面的视频学习,解决uniapp项目跨越问题。
学习地址:https://www.bilibili.com/video/BV1rt421V7Kc/
2)uniCloud服务端调用
前端调用接口出现跨越问题,原因是因为浏览器的同源策略,也就是说前端无法直接发起跨域请求。
使用服务端uniCloud调用第三方接口就可以了,让云对象返回结果,uniCloud云对象是可以允许跨域的。
代码如下:
module.exports = {
_before: function () { // 通用预处理器
},
async getAddress(){
let province;
let {clientIP} = this.getClientInfo();
try{
let {data:{pro}} = await uniCloud.request({
url:"https://whois.pconline.com.cn/ipJson.jsp?json=true&ip="+clientIP,
method:"GET",
timeout:2000
})
province = pro || "未知";
}catch(err){
province = "未知";
}
return province;
}
}
上面是uniCloud云对象封装了一个getAddress方法;
- this.getClientInfo() 获取用户客户端信息,解构出clientIP,用户的IP地址
- uniCloud.request在云对象调用第三方接口,用法和客户端的uni.request方法几乎一致
- 设置超时时间2秒钟,超过2秒或者接口出现问题,直接返回未知,避免接口出现问题而导致过长的时间等待
总结
上面重点给大家介绍了根据用户ip地址获取归属的免费api接口;
介绍云对象可以使用uniCloud.request调用第三方接口;
感谢大家的观看,如果帮助到你,不要忘了给点赞支持一下,谢谢。