js判断域名和ip

基础概念

JavaScript（JS）是一种广泛使用的脚本语言，主要用于网页和网络应用开发。在JS中，可以通过各种方式获取和操作当前页面的URL，包括域名和IP地址。

判断域名和IP的方法

获取当前页面的URL

可以使用window.location对象获取当前页面的URL信息，包括协议、主机名（域名）、端口、路径等。

const currentUrl = window.location.href;
console.log(currentUrl);

提取域名

从URL中提取域名可以通过解析window.location.hostname来实现。

const domain = window.location.hostname;
console.log(domain);

判断是否为IP地址

可以通过正则表达式来判断一个字符串是否为有效的IP地址。

function isIP(str) {
  const ipRegex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
  return ipRegex.test(str);
}

console.log(isIP('192.168.1.1')); // true
console.log(isIP('example.com')); // false

应用场景

网络安全：在某些安全策略中，可能需要根据访问者的IP地址或域名来限制访问。
内容个性化：根据用户的地理位置或访问来源，提供不同的内容或服务。
日志分析：在服务器日志分析中，经常需要识别访问者的IP地址和域名。

可能遇到的问题及解决方法

问题：如何处理代理服务器后的真实IP？

当用户通过代理服务器访问时，window.location.hostname可能返回代理服务器的地址，而不是用户的真实IP。可以通过HTTP头部的X-Forwarded-For字段来获取真实IP。

// 注意：这种方法通常在服务器端实现，而不是在客户端JS中
const realIP = req.headers['x-forwarded-for'] || req.connection.remoteAddress;

问题：如何处理IPv6地址？

IPv6地址的格式与IPv4不同，需要调整正则表达式来匹配。

function isIP(str) {
  const ipv4Regex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
  const ipv6Regex = /^((?:[0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4}|(?:[0-9A-Fa-f]{1,4}:){1,7}:|(?:[0-9A-Fa-f]{1,4}:){1,6}:[0-9A-Fa-f]{1,4}|(?:[0-9A-Fa-f]{1,4}:){1,5}(?::[0-9A-Fa-f]{1,4}){1,2}|(?:[0-9A-Fa-f]{1,4}:){1,4}(?::[0-9A-Fa-f]{1,4}){1,3}|(?:[0-9A-Fa-f]{1,4}:){1,3}(?::[0-9A-Fa-f]{1,4}){1,4}|(?:[0-9A-Fa-f]{1,4}:){1,2}(?::[0-9A-Fa-f]{1,4}){1,5}|[0-9A-Fa-f]{1,4}:(?:(?::[0-9A-Fa-f]{1,4}){1,6})|:(?:(?::[0-9A-Fa-f]{1,4}){1,7}|:)|fe80:(?::[0-9A-Fa-f]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9A-Fa-f]{1,4}:){1,4}:(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/;
  return ipv4Regex.test(str) || ipv6Regex.test(str);
}