uniCloud云对象调用第三方接口,根据IP获取用户归属地的免费API接口,亲测可用

需求

在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调用第三方接口,示例代码:

javascript 复制代码
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云对象是可以允许跨域的。

代码如下:

javascript 复制代码
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调用第三方接口;

感谢大家的观看,如果帮助到你,不要忘了给点赞支持一下,谢谢。

相关推荐
阿里云云原生1 小时前
山石网科×阿里云通义灵码,开启研发“AI智造”新时代
网络·人工智能·阿里云·ai程序员·ai程序员体验官
小冷爱学习!8 小时前
华为动态路由-OSPF-完全末梢区域
服务器·网络·华为
乔冠宇8 小时前
微信小程序修改个人信息头像(uniapp开发)
微信小程序·小程序·uni-app
技术小齐9 小时前
网络运维学习笔记 016网工初级(HCIA-Datacom与CCNA-EI)PPP点对点协议和PPPoE以太网上的点对点协议(此处只讲华为)
运维·网络·学习
shimly12345610 小时前
tcpdump 用法示例
网络·测试工具·tcpdump
一个处女座的程序猿O(∩_∩)O12 小时前
Uniapp 开发中遇到的坑与注意事项:全面指南
uni-app
Elena_Lucky_baby12 小时前
uniapp 网络请求封装(uni.request 与 uView-Plus)
uni-app
xmweisi12 小时前
【华为】报文统计的技术NetStream
运维·服务器·网络·华为认证
VVVVWeiYee12 小时前
BGP配置华为——路径优选验证
运维·网络·华为·信息与通信
yourkin66613 小时前
TCP...
服务器·网络·tcp/ip