2023-04-04

首先,我們需要創建一個nestjs項目:


$ npm i -g @nestjs/cli      # 全局安裝nestjs腳手架

$ nest new project-name    # 初始化一個nestjs項目

$ cd project-name          # 進入項目目錄

然后,我們需要安裝sqlite3依賴庫:


$ npm install sqlite3 @nestjs/typeorm typeorm passport passport-local

接下來,我們需要創建一個user實體:


$ nest g class auth/user

修改auth/user.ts文件內容如下:


import { Entity, Column, PrimaryGeneratedColumn } from 'typeorm';

@Entity()

export class User {

  @PrimaryGeneratedColumn()

  id: number;

  @Column()

  username: string;

  @Column()

  password: string;

}

這里我們定義了一個user實體,有id、username、password三個字段,用來存儲用戶信息。@Entity()是typeorm的裝飾器,用來標記這是一個實體類,@PrimaryGeneratedColumn()表示id字段為主鍵并自動遞增,@Column()表示該字段為表中的列。

我們需要為nestjs添加TypeORM模塊,編輯app.module.ts文件如下:


import { Module } from '@nestjs/common';

import { AppController } from './app.controller';

import { AppService } from './app.service';

import { TypeOrmModule } from '@nestjs/typeorm';

import { User } from './auth/user';

@Module({

  imports: [

    TypeOrmModule.forRoot({

      type: 'sqlite',

      database: 'db.sqlite',

      entities: [User],

      synchronize: true,

    }),

  ],

  controllers: [AppController],

  providers: [AppService],

})

export class AppModule {}

這里我們定義了一個TypeORM模塊,配置了Sqlite3數據庫和user實體類。注意:默認情況下,TypeORM會在應用啟動時自動創建表格,synchronize: true表示開啟表結構同步,即創建表結構。在生產環境下,這個選項需要關閉。因為在生產環境下,表結構的修改需要手動執行遷移。

接下來,我們需要為nestjs添加登錄模塊,編輯auth/auth.module.ts文件如下:


import { Module } from '@nestjs/common';

import { AuthService } from './auth.service';

import { LocalStrategy } from './local.strategy';

import { PassportModule } from '@nestjs/passport';

import { TypeOrmModule } from '@nestjs/typeorm';

import { User } from './user';

import { AuthController } from './auth.controller';

@Module({

  imports: [

    PassportModule,

    TypeOrmModule.forFeature([User]),

  ],

  providers: [AuthService, LocalStrategy],

  controllers: [AuthController],

})

export class AuthModule { }

這里我們定義了一個登錄模塊,包含LocalStrategy、AuthController和AuthService三個模塊。

接下來,我們需要為nestjs添加LocalStrategy,編輯auth/local.strategy.ts文件如下:


import { Injectable, UnauthorizedException } from '@nestjs/common';

import { PassportStrategy } from '@nestjs/passport';

import { Strategy } from 'passport-local';

import { AuthService } from './auth.service';

@Injectable()

export class LocalStrategy extends PassportStrategy(Strategy) {

  constructor(private authService: AuthService) {

    super();

  }

  async validate(username: string, password: string): Promise<any> {

    const user = await this.authService.validateUser(username, password);

    if (!user) {

      throw new UnauthorizedException();

    }

    return user;

  }

}

這里我們定義了一個LocalStrategy,用來校驗用戶登錄信息。PassportStrategy是nestjs一個封裝的Passport策略,它的構造函數傳遞了一個Strategy屬性,這里我們使用了本地策略(Strategy),即使用本地用戶名和密碼驗證。

接下來,我們需要為nestjs添加AuthService,編輯auth/auth.service.ts文件如下:


import { Injectable } from '@nestjs/common';

import { UserService } from './user.service';

import { User } from './user';

@Injectable()

export class AuthService {

  constructor(private usersService: UserService) {}

  async validateUser(username: string, password: string): Promise<User> {

    const user = await this.usersService.findOne(username);

    if (user && user.password === password) {

      const { password, ...result } = user;

      return result;

    }

    return null;

  }

}

在這里,我們定義了一個AuthService,用于驗證用戶登錄信息。根據輸入的用戶名和密碼,查詢數據庫中的user信息,并校驗密碼是否正確。查詢成功,則返回user信息,否則返回null。

最后,我們需要為nestjs添加AuthController,編輯auth/auth.controller.ts文件如下:


import { Controller, Request, Post, UseGuards } from '@nestjs/common';

import { LocalAuthGuard } from './local-auth.guard';

@Controller()

export class AuthController {

  constructor(private authService: AuthService) { }

  @UseGuards(LocalAuthGuard)

  @Post('auth/login')

  async login(@Request() req) {

    return req.user;

  }

}

在這里,我們定義了一個AuthController,該控制器使用了nestjs的AuthGuard守衛,用來攔截請求并進行用戶登錄認證。@Request()裝飾器用于獲取請求對象,@Post()裝飾器用于定義post請求的路由地址。

最后,我們需要為nestjs添加LocalAuthGuard守衛,編輯auth/local-auth.guard.ts文件如下:


import { Injectable } from '@nestjs/common';

import { AuthGuard } from '@nestjs/passport';

@Injectable()

export class LocalAuthGuard extends AuthGuard('local') {}

在這里,我們定義了一個LocalAuthGuard守衛,它繼承了nestjs的AuthGuard守衛,通過調用守衛類的構造函數時傳遞'strategy'參數,指定驗證策略為本地策略。

完成后,我們就完成了nestjs的登錄模塊的開發。我們可以在應用中進行測試:


npm run start:dev

默認情況下,應用會在http://localhost:3000地址開啟服務。在postman工具中,我們可以用post請求和username、password參數來進行登錄的測試:


POST /auth/login

{

  "username": "admin",

  "password": "password"

}

如何輸出token?

你可以使用JWT模塊完成token的生成(https://docs.nestjs.com/security/authentication/jwt)。簡單來講,你需要進行下面步驟:

  1. 安裝jsonwebtoken和@nestjs/jwt模塊

npm i jsonwebtoken @nestjs/jwt

  1. 修改AuthService服務

在AuthService服務中添加生成Token的方法:


import { Injectable } from '@nestjs/common';

import { UserService } from './user.service';

import { JwtService } from '@nestjs/jwt';

import { User } from './user';

@Injectable()

export class AuthService {

  constructor(

    private usersService: UserService,

    private jwtService: JwtService

  ) {}

  async validateUser(username: string, password: string): Promise<any> {

    const user = await this.usersService.findOne(username);

    if (user && user.password === password) {

      const { password, ...result } = user;

      return result;

    }

    return null;

  }

  async login(user: User) {

    const payload = { username: user.username, sub: user.id };

    return {

      access_token: this.jwtService.sign(payload),

    };

  }

}

在這里,我們定義了一個login方法,該方法需要傳遞一個user對象參數。這里使用JwtService生成了一個Token,并且token包含了用戶信息,用于驗證。返回的access_token,就是生成的Token。

使用生成的access_token訪問受保護的資源就是在headers中加入Authorization字段,值為Bearer access_token。


Authorization: Bearer access_token

  1. 注冊JwtModule

app.module.ts


import { Module } from '@nestjs/common';

import { TypeOrmModule } from '@nestjs/typeorm';

import { AppController } from './app.controller';

import { AppService } from './app.service';

import { AuthModule } from './auth/auth.module';

import { User } from './auth/user';

import { UserService } from './auth/user.service';

import { JwtModule } from '@nestjs/jwt';

@Module({

  imports: [

    AuthModule,

    TypeOrmModule.forRoot({

      type: 'sqlite',

      database: 'db.sqlite',

      entities: [User],

      synchronize: true,

    }),

    JwtModule.register({

      secret: 'secretKey', // 安全秘鑰

      signOptions: {expiresIn: '60s'} // 過期時間60s

    }),

  ],

  controllers: [AppController],

  providers: [AppService, UserService],

})

export class AppModule { }

在這里,我們從nestjs中引入了JwtModule,并注冊了該模塊。在signOptions配置中,我們指定了過期時間。

  1. 修改AuthController

AuthController


import { Controller, Request, Post, UseGuards } from '@nestjs/common';

import { LocalAuthGuard } from './local-auth.guard';

import { AuthService } from './auth.service';

@Controller()

export class AuthController {

  constructor(private authService: AuthService) { }

  @UseGuards(LocalAuthGuard)

  @Post('auth/login')

  async login(@Request() req) {

    return this.authService.login(req.user); // 修改這里

  }

}

在login方法中調用了AuthService的login方法,返回生成的token。

至此,我們就完成了jsonwebtoken和@nestjs/jwt模塊的開發,可以愉快的生成Token了。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,460評論 6 538
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,067評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,467評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,468評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,184評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,582評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,616評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,794評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,343評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,096評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,291評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,863評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,513評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,941評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,190評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,026評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,253評論 2 375

推薦閱讀更多精彩內容