如何在Rails 5.0.1应用中获取用户WiFi网络并实现特定网络访问限制？

好问题！Rails后端本身没法直接获取用户的WiFi网络信息——这属于客户端设备的隐私数据，得结合前端浏览器API和后端验证逻辑来实现。下面是具体的分步方案：

1. 前端获取WiFi网络名称（SSID） #

现代Chromium内核浏览器（Chrome 86+、Edge等）提供了navigator.wifi API，可以在用户授权后获取当前连接的WiFi SSID。注意：这个API只能在HTTPS环境下使用（本地开发可以用rails s -b ssl://localhost:3000启用HTTPS），且需要用户明确授权。

前端代码示例 #

async function getCurrentWifiSSID() {
  try {
    // 检查浏览器是否支持WiFi API
    if (!navigator.wifi) {
      throw new Error("你的浏览器不支持WiFi信息检测功能");
    }

    // 请求用户授权获取WiFi数据
    const permissionStatus = await navigator.permissions.query({ name: 'wifi' });
    if (permissionStatus.state !== 'granted') {
      throw new Error("请允许网站获取WiFi信息以使用此功能");
    }

    // 获取所有可用WiFi网络，筛选出当前连接的那个
    const availableNetworks = await navigator.wifi.getAvailableNetworks();
    const currentNetwork = availableNetworks.find(network => network.connected);
    
    return currentNetwork ? currentNetwork.ssid : null;
  } catch (error) {
    console.error("获取WiFi信息失败:", error);
    return null;
  }
}

// 获取SSID后传给Rails后端验证
getCurrentWifiSSID().then(ssid => {
  if (ssid) {
    fetch('/check_wifi_access', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content
      },
      body: JSON.stringify({ ssid: ssid })
    })
    .then(response => response.json())
    .then(data => {
      if (data.allowed) {
        // 启用受限功能
        document.getElementById('restricted-feature').style.display = 'block';
      } else {
        // 隐藏功能并提示用户
        document.getElementById('restricted-feature').style.display = 'none';
        alert("请连接指定WiFi网络以使用此功能");
      }
    });
  } else {
    alert("无法检测当前WiFi网络，请检查浏览器权限或网络连接");
  }
});

2. Rails后端验证逻辑 #

接下来在Rails里创建一个接口，接收前端传来的SSID，判断是否在允许的列表中：

第一步：创建控制器 #

# app/controllers/wifi_controller.rb
class WifiController < ApplicationController
  # 验证WiFi是否在允许列表中
  def check_access
    # 替换成你需要限制的WiFi名称列表
    allowed_ssids = ['Office-WiFi-2024', 'Home-Secure-Network']
    current_ssid = params[:ssid]

    if allowed_ssids.include?(current_ssid)
      render json: { allowed: true }
    else
      render json: { allowed: false }
    end
  end
end

第二步：添加路由 #

# config/routes.rb
post '/check_wifi_access', to: 'wifi#check_access'

3. 备选方案：通过IP地址验证（兼容性更好） #

如果你的目标用户使用的浏览器不支持navigator.wifi API（比如Firefox、Safari），可以考虑通过IP地址段来判断——如果指定WiFi的IP段是固定的，这种方案兼容性更强：

后端IP验证代码 #

# 在WifiController中添加动作
def check_access_by_ip
  # 替换成允许的IP段（比如公司内网IP）
  allowed_ip_ranges = ['192.168.1.0/24', '10.0.0.0/8']
  current_ip = request.remote_ip

  # 检查当前IP是否在允许的段内
  allowed = allowed_ip_ranges.any? do |range|
    IPAddr.new(range).include?(current_ip)
  end

  render json: { allowed: allowed }
end

然后在路由中添加对应路径，前端调用这个接口即可。

重要注意事项 #

• 隐私合规：获取用户WiFi SSID属于敏感数据，务必在网站隐私政策中明确说明用途，符合GDPR、CCPA等法规要求。
• 功能降级：如果无法获取WiFi信息（比如浏览器不支持、用户拒绝授权），要提供友好的降级提示，比如让用户手动验证或暂时禁用功能。
• 本地测试：本地开发时必须使用HTTPS，否则浏览器会阻止navigator.wifi API的调用。

内容的提问来源于stack exchange，提问作者erica