当前位置：首页 > article >正文

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

article 2025/1/13 10:27:44

在这里插入图片描述

需求

在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;		
	}
}