前言
在前端开发中，经常需要获取客户端的 IP 地址信息。而获取 IP 地址的方式有多种，本文介绍一个使用 npm 包 @types/request-ip 来获取 IP 地址的方法。
什么是 npm 包 @types/request-ip
@types是 TypeScript 声明文件的统一管理方式。在 TypeScript 中，当你需要使用一个 JavaScript 库或模块时，你需要先安装该模块，然后再安装该模块的 TypeScript 声明文件。
request-ip 是一个用于获取请求的 IP 地址的 Node.js 模块。而 @types/request-ip 是该模块的 TypeScript 声明文件。
如何安装
安装 request-ip 和 @types/request-ip，可以通过以下命令：
npm install --save request-ip @types/request-ip
如何使用
使用 request-ip 和 @types/request-ip 的方法如下：
-- -------------------- ---- ------- ------ - -- ------- ---- ---------- ------ - -- --------- ---- ------------- ----- --- - ---------- -- ----- -- -- ------------------------ ------------ ----- ---- -- - ----- -- - ------------- ------------------- ----- ---- --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---
上述代码中，request-ip 模块提供了中间件方法 mw()，在 Express 的 app.use() 中使用即可获取客户端 IP 地址。
深入理解
上述代码已经实现了获取客户端 IP 地址的功能，但是还有一些细节需要注意。
req.clientIp的类型为 string | undefined，因此我们应该先判断req.clientIp是否为 undefined，避免出现类型错误。request-ip模块提供了多个方法，用于获取不同类型的 IP 地址，例如从请求头中获取 IP 地址、从 X-Forwarded-For 头中获取 IP 地址等。X-Forwarded-For 头是什么？如果你的应用程序是运行在反向代理的前面的，例如 Nginx，那么反向代理会把客户端的 IP 地址作为一个请求头 X-Forwarded-For 发送给后端的应用程序。
总结
本文介绍了 npm 包 @types/request-ip 的使用方法，希望能够帮助读者更好地理解如何获取客户端 IP 地址。需要注意的是，只有在生产环境下应用获取真实 IP 地址，开发或测试过程中要注意模拟客户端 IP 地址，避免意外的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/192742