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调用第三方接口;

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

相关推荐
spmcor2 天前
身份证读卡“无感登录”方案实践:从手动点击到自动检测
uni-app
PedroQue992 天前
uni-router v1.8.0新增冷启动守卫补执行
前端·uni-app
PedroQue993 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控
前端·uni-app
一份执念5 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案
前端·uni-app·echarts
PedroQue995 天前
V1.6.1性能优化:高频路径提速与代码精简
前端·uni-app
夏碧笔7 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务
uni-app
用户69903048487512 天前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
网络研究院12 天前
2026年网络安全
网络·安全·法律·法规·趋势·发展
酣大智12 天前
ARP代理--工作原理
运维·网络·arp·arp代理
ITKEY_12 天前
uniapp微信开发者工具 更改AppID失败 touristappid
uni-app