快捷導(dǎo)航

如何在NestJS中添加對(duì)Stripe的WebHook驗(yàn)證詳解

更新時(shí)間：2023年08月08日 10:03:56 作者：阿兵

這篇文章主要為大家介紹了如何在NestJS中添加對(duì)Stripe的WebHook驗(yàn)證詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

背景介紹

Nest 是一個(gè)用于構(gòu)建高效，可擴(kuò)展的NodeJS 服務(wù)器端應(yīng)用程序的框架。它使用漸進(jìn)式JavaScript, 內(nèi)置并完全支持TypeScript, 但仍然允許開發(fā)人員使用純JavaScript 編寫代碼。并結(jié)合了OOP（面向?qū)ο缶幊蹋?，F(xiàn)P（函數(shù)式編程）和 FRP（函數(shù)式響應(yīng)編程）的元素。

Stripe 是一家美國金融服務(wù)和軟件即服務(wù)公司，總部位于美國加利福尼亞州舊金山。主要提供用于電子商務(wù)網(wǎng)站和移動(dòng)應(yīng)用程序的支付處理軟件和應(yīng)用程序編程接口。2020年8月4日，《蘇州高新區(qū) · 2020胡潤全球獨(dú)角獸榜》發(fā)布，Stripe 排名第5位。

注：接下來的內(nèi)容需要有NodeJS 及NestJS 的使用經(jīng)驗(yàn)，如果沒有需要另外學(xué)習(xí)如何使用。

代碼實(shí)現(xiàn)

1. 去除自帶的Http Body Parser.

因?yàn)镹est 默認(rèn)會(huì)將所有請(qǐng)求的結(jié)果在內(nèi)部直接轉(zhuǎn)換成JavaScript 對(duì)象，這在一般情況下是很方便的，但如果我們要對(duì)響應(yīng)的內(nèi)容進(jìn)行自定義的驗(yàn)證的話就會(huì)有問題了，所以我們要先替換成自定義的。

首先，在根入口啟動(dòng)應(yīng)用時(shí)傳入?yún)?shù)禁用掉自帶的Parser.

import {NestFactory} from '@nestjs/core';
import {ExpressAdapter, NestExpressApplication} from '@nestjs/platform-express';
// 應(yīng)用根
import {AppModule} from '@app/app/app.module';
// 禁用bodyParser
const app = await NestFactory.create<NestExpressApplication>(
  AppModule,
  new ExpressAdapter(),
  {cors: true, bodyParser: false},
);

2. Parser 中間件

然后定義三個(gè)不同的中間件：

給Stripe 用的Parser

// raw-body.middleware.ts
import {Injectable, NestMiddleware} from '@nestjs/common';
import {Request, Response} from 'express';
import * as bodyParser from 'body-parser';
@Injectable()
export class RawBodyMiddleware implements NestMiddleware {
  use(req: Request, res: Response, next: () => any) {
    bodyParser.raw({type: '*/*'})(req, res, next);
  }
}

// raw-body-parser.middleware.ts
import {Injectable, NestMiddleware} from '@nestjs/common';
import {Request, Response} from 'express';
@Injectable()
export class RawBodyParserMiddleware implements NestMiddleware {
  use(req: Request, res: Response, next: () => any) {
    req['rawBody'] = req.body;
    req.body = JSON.parse(req.body.toString());
    next();
  }
}

給其他地方用的普通的Parser

// json-body.middleware.ts
import {Request, Response} from 'express';
import * as bodyParser from 'body-parser';
import {Injectable, NestMiddleware} from '@nestjs/common';
@Injectable()
export class JsonBodyMiddleware implements NestMiddleware {
  use(req: Request, res: Response, next: () => any) {
    bodyParser.json()(req, res, next);
  }
}

基于上面的兩個(gè)不同的場(chǎng)景，在根App 里面給注入進(jìn)去：

import {Module, NestModule, MiddlewareConsumer} from '@nestjs/common';
import {JsonBodyMiddleware} from '@app/core/middlewares/json-body.middleware';
import {RawBodyMiddleware} from '@app/core/middlewares/raw-body.middleware';
import {RawBodyParserMiddleware} from '@app/core/middlewares/raw-body-parser.middleware';
import {StripeController} from '@app/events/stripe/stripe.controller';
@Module()
export class AppModule implements NestModule {
  public configure(consumer: MiddlewareConsumer): void {
    consumer
      .apply(RawBodyMiddleware, RawBodyParserMiddleware)
      .forRoutes(StripeController)
      .apply(JsonBodyMiddleware)
      .forRoutes('*');
  }
}

這里我們對(duì)實(shí)際處理WebHook 的相關(guān)Controller 應(yīng)用了RawBodyMiddleware, RawBodyParserMiddleware 這兩個(gè)中間件，它會(huì)在原來的轉(zhuǎn)換結(jié)果基礎(chǔ)上添加一個(gè)未轉(zhuǎn)換的鍵，將Raw Response 也返回到程序內(nèi)以作進(jìn)一步處理；對(duì)于其他的地方，則全部使用一個(gè)默認(rèn)的，和內(nèi)置那個(gè)效果一樣的Json Parser.

3. Interceptor 校驗(yàn)器

接下來，我們寫一個(gè)用來校驗(yàn)的Interceptor. 用來處理驗(yàn)證，如果正常則通過，如果校驗(yàn)不通過則直接攔截返回。

import {
  BadRequestException,
  CallHandler,
  ExecutionContext,
  Injectable,
  Logger,
  NestInterceptor,
} from '@nestjs/common';
import Stripe from 'stripe';
import {Observable} from 'rxjs';
import {ConfigService} from '@app/shared/config/config.service';
import {StripeService} from '@app/shared/services/stripe.service';
@Injectable()
export class StripeInterceptor implements NestInterceptor {
  private readonly stripe: Stripe;
  private readonly logger = new Logger(StripeInterceptor.name);
  constructor(
    private readonly configService: ConfigService,
    private readonly stripeService: StripeService,
  ) {
    // 等同于
    // this.stripe = new Stripe(secret, {} as Stripe.StripeConfig);
    this.stripe = stripeService.getClient();
  }
  intercept(context: ExecutionContext, next: CallHandler): Observable<any> {
    const request = context.switchToHttp().getRequest();
    const signature = request.headers['stripe-signature'];
    // 因?yàn)镾tripe 的驗(yàn)證是不同的WebHook 有不同的密鑰的
    // 這里只需要根據(jù)業(yè)務(wù)的需求增加對(duì)應(yīng)的密鑰就行
    const CHARGE_SUCCEEDED = this.configService.get(
      'STRIPE_SECRET_CHARGE_SUCCEEDED',
    );
    const secrets = {
      'charge.succeed': CHARGE_SUCCEEDED,
    };
    const secret = secrets[request.body['type']];
    if (!secret) {
      throw new BadRequestException({
        status: 'Oops, Nice Try',
        message: 'WebHook Error: Function not supported',
      });
    }
    try {
      this.logger.log(signature, 'Stripe WebHook Signature');
      this.logger.log(request.body, 'Stripe WebHook Body');
      const event = this.stripe.webhooks.constructEvent(
        request.rawBody,
        signature,
        secret,
      );
      this.logger.log(event, 'Stripe WebHook Event');
    } catch (e) {
      this.logger.error(e.message, 'Stripe WebHook Validation');
      throw new BadRequestException({
        status: 'Oops, Nice Try',
        message: `WebHook Error: ${e.message as string}`,
      });
    }
    return next.handle();
  }
}

4. 應(yīng)用到Controller

最后，我們把這個(gè)Interceptor 加到我們的WebHook Controller 上。

import {Controller, UseInterceptors} from '@nestjs/common';
import {StripeInterceptor} from '@app/core/interceptors/stripe.interceptor';
@Controller('stripe')
@UseInterceptors(StripeInterceptor)
export class StripeController {}

大功告成！

以上就是如何在NestJS中添加對(duì)Stripe的WebHook驗(yàn)證詳解的詳細(xì)內(nèi)容，更多關(guān)于NestJS添加Stripe WebHook驗(yàn)證的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: