根据IP定位用户所在城市信息

原创文章 作者:月光光 2012年09月26日 20:45helloweba.com 标签:JavaScript 

当我们在页面中填写个人资料中的省市信息时,页面会根据当前用户所在的城市自动选中省市下拉选项;当我们访问某个大型站点时,网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢?今天我们来通过实例讲解如何根据IP定位用户所在城市信息。

根据当前用户本地IP地址,查询IP地址库,获取IP所在的省市信息,目前有多种方式实现该功能。

1.调用新浪IP地址库

新浪提供了开放的IP地址库数据供开发者调用,调用地址:http://int.dpool.sina.com.cn/iplookup/iplookup.php,即可返回当前ip所在的省市信息。

我们结合本站helloweba文章:基于jQuery+JSON的省市联动效果中的省市下拉插件,来定位当前用户所在的省市,即默认状态选中的是当前用户所在的省市。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cityselect.js"></script>
<script type="text/javascript" src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?
format=js"></script>

我们先载入jquery库和cityselect城市下拉插件,然后调用新浪的IP地址库,并以js的形式返回,当然如果你想查询某一指定IP所在的城市信息可以使用接口地址如:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=json&ip=123.123.123.123,将参数ip值换成指定的IP地址即可。

本地js调用:

var myprovince = remote_ip_info['province'];
var mycity = remote_ip_info['city']
var mydistrict = remote_ip_info['district'];
$(function(){
	$("#city_1").citySelect({
		prov:myprovince, 
    	city:mycity
	});
});

HTML代码为:

<h3>调用新浪IP库接口</h3>
<p>您所在的城市是:<script>document.write(myprovince+' '+mycity);</script></p>
<div id="city_1">
    <select class="prov"></select> 
    <select class="city"></select>
</div>

2.调用淘宝IP地址库

淘宝也提供了比较权威的IP地址库,调用地址:http://ip.taobao.com/service/getIpInfo.php?ip=123.123.123.123,返回对应IP的省市相关信息。

调用方法:

$(function(){
	$.getJSON("getTaoIP.php",function(json){
		var myprovince2 = json.data.region;		
		var mycity2 = json.data.city;
		$("#city_2").html("您所在的城市是:"+myprovince2+mycity2);
	});
});

getTaoIP.php用来获取淘宝的对应IP的省市信息,返回的是json格式的数据。

$ip = get_client_ip(); //获取当前用户的ip
$url = "http://ip.taobao.com/service/getIpInfo.php?ip=".$ip;
$data = file_get_contents($url); //调用淘宝接口获取信息
echo $data;

get_client_ip()用来获取本地用户的IP地址。

//获取用户真实IP
function get_client_ip() {
	if (getenv("HTTP_CLIENT_IP") && strcasecmp(getenv("HTTP_CLIENT_IP"), "unknown"))
		$ip = getenv("HTTP_CLIENT_IP");
	else if (getenv("HTTP_X_FORWARDED_FOR") && strcasecmp(getenv("HTTP_X_FORWARDED_FOR"), 
"unknown"))
		$ip = getenv("HTTP_X_FORWARDED_FOR");
	else if (getenv("REMOTE_ADDR") && strcasecmp(getenv("REMOTE_ADDR"), "unknown"))
		$ip = getenv("REMOTE_ADDR");
	else if (isset ($_SERVER['REMOTE_ADDR']) && $_SERVER['REMOTE_ADDR'] 
&& strcasecmp($_SERVER['REMOTE_ADDR'], "unknown"))
		$ip = $_SERVER['REMOTE_ADDR'];
	else
		$ip = "unknown";
	return ($ip);
}

3.调用纯真IP库

纯真IP库基本上每周都有更新,您可以到各大下载网站上下载最新版本的纯真IP库。推荐天空下载地址:http://www.skycn.com/soft/14344.html

使用PHP调用纯真ip库的方法,本文不详述,请戳这里:http://blog.csdn.net/aaron_luchen/article/details/6637799

4.调用本地数据库

如果您的系统足够强大,为了安全稳重我们建议您使用本地IP地址库,目前网上有IP地址库下载,我们使用mysql版的ip库,然后通过PHP读取。

由于IP数据量大,一般有三四十万条数据,我们要进行表结构索引优化。

CREATE TABLE IF NOT EXISTS `iptocity` (
  `IP_Start` double(53,0) NOT NULL DEFAULT '0',
  `IP_End` double(53,0) DEFAULT NULL,
  `IP_Province` varchar(6) DEFAULT NULL,
  `IP_City` varchar(10) DEFAULT NULL,
  PRIMARY KEY (`IP_Start`),
  KEY `IP_End` (`IP_End`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

调用方法:

$(function(){
	$.getJSON("getIP.php",function(json){
		var myprovince3 = json.province;
		var mycity3 = json.city;
		$("#city_3").citySelect({
			prov:myprovince3, 
    		city:mycity3
		});
	});
});

前端通过ajax向getIP.php发送异步请求,getIP.php读取mysql中的IP数据,返回对应ip地址的省市信息。

include_once("connect.php");//链接数据库

$myip = get_client_ip(); //获取本地IP,get_client_ip()函数在上文中已给出

$ip=ip2int($myip); //转换ip
$sql="select IP_Province,IP_City from iptocity where IP_Start<='$ip' order by IP_Start desc 
limit 1";
$query = mysql_query($sql); //查询库
$rs = mysql_fetch_array($query);
$arr = array(
	'province'=>$rs['IP_Province'],
	'city'=>$rs['IP_City'],
);
echo json_encode($arr); //返回json数据

//将ip地址转换成整型
function ip2int($ip){
   list($ip1,$ip2,$ip3,$ip4)=explode(".",$ip);
   return $ip1*pow(256,3)+$ip2*pow(256,2)+$ip3*256+$ip4;
}

注意我们使用自定义函数ip2int()将IP地址转换成整型,而不是用PHP自带函数ip2long(),因为ip2long()有时会将ip转换成负数,所以为了保险使用自定义函数ip2int()。

5.应用:根据用户所在城市跳转到不同的页面

通过上面的讲解我们知道如何获取本地用户的城市信息,现在我们要根据用户所在的城市访问不同页面。我们以拉手网为例,在go.php中写入如下代码:

$city = $d['city']; //利用上述方法获得本地城市名称
switch($city){
	case '深圳':
		$cityname = 'shenzhen';
		break;
	case '北京':
		$cityname = 'beijing';
		break;
	case '上海':
		$cityname = 'shanghai';
		break;
	default:
		$cityname = 'www';
		break;
}
$go_url = "http://".$cityname.".lashou.com";
header("Location:".$go_url);

这样,就可以根据用户所在的城市跳转到拉手网对应的频道页面了。请看演示demo

声明:本文为原创文章,helloweba.net和作者拥有版权,如需转载,请注明来源于helloweba.net并保留原文链接:https://www.helloweba.net/javascript/190.html

13条评论

  • 我的直接用的新浪的,就加一个新浪的ip地址就行了,这个是我的网站www.shujia365.com

  • 为什么方案一不好用呢,大神们请教一下

  • 没有人在吗啊

  • 我也是这样,怎么回事呢

  • 我怎么用不了呢,大神们教一下

  • 这个不行啊,怎么定位不了呢,大神教一下

  • 不行啊 undefined undefined

  • 采纳方案1,最简单,2句话定位城市,不需要PHP。

  • のの33凤飞飞

  • okokok

  • 请问我用thinkphp使用此项功能,city.min.js总是加载不到是什么问题,修改了N此路径都不行。

  • 不错,很好用

  • 很有用。。