如何在 Blazor 版本 8 中获取远程 IP 地址

Question

在 Blazor 版本 6/7 中，我可以通过以下方式在 _Host.cshtml 中获取远程 IP 地址：

@inject ILogger<Pages__Host> Logger
RemoteIp = HttpContext.GetRemoteIpAddress(Logger);

但这在版本 8 的 App.razor 中不起作用。那么我怎样才能在版本 8 中得到这个呢？

Answer 1

在 Blazor WebAssembly（客户端 Blazor）中，您无法直接获取远程 IP 地址，因为 Blazor WebAssembly 完全在用户浏览器沙箱内的客户端上运行，并且它无法直接访问服务器端信息就像远程 IP 地址一样。

但是，如果您需要远程 IP 地址进行某些服务器端处理，您可以通过 HTTP 请求将其发送到服务器。您可以使用 Blazor 的内置 HttpClient 来发出此类请求。这是一个简化的示例：

在 Blazor 组件中，您可以使用 JavaScript 的导航器对象获取客户端的 IP 地址。 然后，您可以通过 HTTP 请求将此 IP 地址发送到您的服务器端代码。 在服务器端，您可以在控制器或处理程序中捕获此 IP 地址。

在此示例中：

客户端 Blazor 组件调用 JavaScript 函数 (getIPAddress) 来获取客户端的 IP 地址。 然后，它使用 HttpClient 的 PostAsJsonAsync 方法将此 IP 地址发送到服务器端 API (api/ipaddress)。 在服务器端，API 端点接收 IP 地址并可以用它执行任何必要的处理。 请记住根据应用程序的结构调整 URL 和端点。此外，确保正确的错误处理和安全措施，尤其是在处理用户输入时。