【NestJS】获取客户端IP完美解决方法

9 篇文章 2 订阅
6 篇文章 0 订阅

根据以往传统后台经验,获取api请求的客户端ip应该很简单才对,直接 Request.IP 不就可以了么,然后根据这个思路找一下 nestjs里面的request对象,还真有 .ip(get) 的方法,但高兴得有点早,使用起来发现获取到的 ip 地址不是null 就是 127.0.0.1

后面还是找下现成的包,发现可以用 request-ip 这个包来实现真实ip的获取

安装request-ip

npm install --save request-ip

npm install --save-dev @types/request-ip

封装装饰器,方便控制器里面直接使用

import { createParamDecorator, ExecutionContext } from '@nestjs/common'

import * as requestIp from 'request-ip'

export const IpAddress = createParamDecorator(
    (data: unknown, ctx: ExecutionContext) => {
        const req = ctx.switchToHttp().getRequest()
        if (req.clientIp)
            return req.clientIp;
        return requestIp.getClientIp(req);
    })

这里面得特别注意下上下文 ctx的设置,否则根据网上的资料直接copy过来的可能为null

控制器获取ip

@Get('getClientIp')
  getClientIp(@IpAddress() clinetIp: string) {
    return new ApiResultData(true, clinetIp, { ip: clinetIp })
  }

其他地方如全局异常获取ip

import * as requestIp from 'request-ip';


export class AllExceptionsFilter implements ExceptionFilter {
    catch(exception: unknown, host: ArgumentsHost) {
        //...其他逻辑

        const clientIp = requestIp.getClientIp(request)

        //...其他逻辑
    }
}

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
您可以在 NestJS 中使用 `@nestjs/jwt` 模块来生成 JWT 令牌并将其发送给客户端。在客户端,您可以将令牌存储在本地存储或会话存储中,以便将来使用。 以下是一些示例代码: 首先,您需要在 NestJS 中安装 `@nestjs/jwt` 模块,您可以使用以下命令: ``` npm install --save @nestjs/jwt ``` 然后,您可以在您的身份验证服务中使用 JwtService 创建 JWT 令牌。在以下示例中,我们将在 `AuthService` 中创建一个名为 `login` 的方法,该方法将验证用户凭据并生成 JWT 令牌: ```typescript import { Injectable } from '@nestjs/common'; import { JwtService } from '@nestjs/jwt'; @Injectable() export class AuthService { constructor(private readonly jwtService: JwtService) {} async login(user: any) { const payload = { username: user.username, sub: user.userId }; return { access_token: this.jwtService.sign(payload), }; } } ``` 在上面的代码中,我们使用 `JwtService` 来签署 JWT 令牌。我们传递一个负载对象,其中包含要在令牌中存储的数据。在这个例子中,我们存储了用户名和用户 ID。 接下来,在您的身份验证控制器中,您可以使用 `AuthService` 中的 `login` 方法来验证用户凭据并返回 JWT 令牌: ```typescript import { Controller, Post, Request, UseGuards } from '@nestjs/common'; import { AuthGuard } from '@nestjs/passport'; import { AuthService } from './auth.service'; @Controller() export class AuthController { constructor(private readonly authService: AuthService) {} @UseGuards(AuthGuard('local')) @Post('auth/login') async login(@Request() req) { return this.authService.login(req.user); } } ``` 在上面的代码中,我们使用 `@UseGuards(AuthGuard('local'))` 装饰器来保护路由,并在处理程序中访问已解析的用户信息。我们然后将用户信息传递给 `AuthService` 中的 `login` 方法,该方法将生成 JWT 令牌,并将其包含在响应中返回。 最后,在您的客户端代码中,您可以使用浏览器的本地存储或会话存储来存储 JWT 令牌。以下是一个示例: ```typescript const response = await axios.post('/auth/login', { username: 'john', password: 'changeme', }); localStorage.setItem('access_token', response.data.access_token); ``` 在上面的代码中,我们使用 Axios 发送 POST 请求来登录用户。在响应中,我们从 `response.data` 中获取 JWT 令牌,并将其存储在本地存储中。您可以在以后的请求中使用该令牌来验证用户的身份。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员查理

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值