ng-token-auth 项目使用教程

ng-token-auth 项目使用教程

ng-token-authToken based authentication module for angular.js.项目地址:https://gitcode.com/gh_mirrors/ng/ng-token-auth

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

ng-token-auth/
├── app/
│   ├── components/
│   ├── services/
│   └── app.module.ts
├── assets/
├── environments/
│   ├── environment.ts
│   └── environment.prod.ts
├── index.html
├── main.ts
├── polyfills.ts
├── styles.css
└── test.ts

目录结构介绍

• app/: 包含应用程序的主要代码，包括组件和服务。
  • components/: 存放 Angular 组件。
  • services/: 存放 Angular 服务。
  • app.module.ts: 应用程序的根模块。
• assets/: 存放静态资源文件，如图片、字体等。
• environments/: 存放环境配置文件。
  • environment.ts: 开发环境配置。
  • environment.prod.ts: 生产环境配置。
• index.html: 应用程序的主 HTML 文件。
• main.ts: 应用程序的入口文件。
• polyfills.ts: 包含浏览器兼容性填充代码。
• styles.css: 全局样式文件。
• test.ts: 测试配置文件。

2. 项目的启动文件介绍

main.ts

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

文件介绍

• enableProdMode(): 在生产环境中启用生产模式。
• platformBrowserDynamic(): 使用 JIT 编译器动态引导 Angular 应用程序。
• bootstrapModule(AppModule): 引导应用程序的根模块 AppModule。

3. 项目的配置文件介绍

environment.ts

export const environment = {
  production: false,
  apiUrl: 'http://localhost:3000/api'
};

environment.prod.ts

export const environment = {
  production: true,
  apiUrl: 'https://production-server.com/api'
};

文件介绍

• environment.ts: 开发环境配置文件，包含开发环境的 API 地址。
• environment.prod.ts: 生产环境配置文件，包含生产环境的 API 地址。

这些配置文件用于在不同环境中加载不同的配置，确保应用程序在开发和生产环境中都能正常运行。

ng-token-authToken based authentication module for angular.js.项目地址:https://gitcode.com/gh_mirrors/ng/ng-token-auth