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

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

相关推荐
小徐_233310 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮15 小时前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw516 小时前
uni-app中v-if使用”异常”
前端·uni-app
!win !16 小时前
uni-app中v-if使用”异常”
前端·uni-app
白帽黑客沐瑶18 小时前
【网络安全就业】信息安全专业的就业前景(非常详细)零基础入门到精通,收藏这篇就够了
网络·安全·web安全·计算机·程序员·编程·网络安全就业
树码小子19 小时前
Java网络编程:(socket API编程:TCP协议的 socket API -- 回显程序的服务器端程序的编写)
java·网络·tcp/ip
2501_9159184119 小时前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
绿箭柠檬茶20 小时前
Ubuntu 服务器配置转发网络访问
服务器·网络·ubuntu
00后程序员张20 小时前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
real 121 小时前
传输层协议UDP
网络·网络协议·udp