Angular2-JWT 项目使用教程

Angular2-JWT 项目使用教程

angular2-jwtHelper library for handling JWTs in Angular apps项目地址:https://gitcode.com/gh_mirrors/an/angular2-jwt

1. 项目的目录结构及介绍

Angular2-JWT 项目的目录结构如下：

angular2-jwt/
├── projects/
│   └── angular-jwt/
│       ├── src/
│       │   ├── lib/
│       │   │   ├── angular-jwt.module.ts
│       │   │   ├── jwt.interceptor.ts
│       │   │   ├── jwt.service.ts
│       │   │   └── index.ts
│       │   ├── public-api.ts
│       │   └── test.ts
│       ├── browserslist
│       ├── editorconfig
│       ├── eslintrc.json
│       ├── gitignore
│       ├── ship.rc
│       ├── version
│       ├── API.md
│       ├── CHANGELOG.md
│       ├── CONTRIBUTING.md
│       ├── EXAMPLES.md
│       ├── LICENSE
│       ├── README.md
│       ├── angular.json
│       ├── opslevel.yml
│       ├── package-lock.json
│       ├── package.json
│       └── tsconfig.json
├── .github/
│   └── ...
├── .gitignore
├── .npmignore
├── .prettierrc
├── .releaserc
├── .travis.yml
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
└── tsconfig.json

目录结构介绍

• projects/angular-jwt/src/lib/：包含 Angular2-JWT 的核心文件，如模块定义、拦截器和服务。
• projects/angular-jwt/src/：包含项目的源代码和测试文件。
• projects/angular-jwt/：包含项目的配置文件和文档。
• .github/：包含 GitHub 相关的配置文件。
• 根目录下的文件：包含项目的全局配置文件和文档。

2. 项目的启动文件介绍

Angular2-JWT 项目的启动文件主要是 angular-jwt.module.ts，位于 projects/angular-jwt/src/lib/ 目录下。

// angular-jwt.module.ts
import { NgModule } from '@angular/core';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { JwtInterceptor } from './jwt.interceptor';
import { JwtService } from './jwt.service';

@NgModule({
  providers: [
    JwtService,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: JwtInterceptor,
      multi: true,
    },
  ],
})
export class AngularJwtModule {}

启动文件介绍

• AngularJwtModule：定义了 Angular2-JWT 模块，并提供了 JWT 服务和拦截器。
• JwtInterceptor：用于拦截 HTTP 请求并添加 JWT 令牌。
• JwtService：用于处理 JWT 令牌的获取、设置和删除。

3. 项目的配置文件介绍

Angular2-JWT 项目的配置文件主要包括 angular.json、package.json 和 tsconfig.json。

angular.json

angular.json 文件位于 projects/angular-jwt/ 目录下，用于配置 Angular 项目的构建和开发服务器。

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "angular-jwt": {
      "projectType": "library",
      "root": "projects/angular-jwt",
      "sourceRoot": "projects/angular-jwt/src",
      "prefix": "lib",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:ng-packagr",
          "options": {
            "project": "projects/angular-jwt/ng-package.json"
          },
          "configurations": {
            "production": {
              "tsConfig": "projects/angular-jwt/tsconfig.lib.prod.json"
            },
           

angular2-jwtHelper library for handling JWTs in Angular apps项目地址:https://gitcode.com/gh_mirrors/an/angular2-jwt