当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

angular-token

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者倪鹏

操作系统跨平台

开源组织无

适用人群未知

软件概览

�� Token based authentication service for Angular with interceptor and multi-user support. Works best with the devise token auth gem for Rails.

�� This library has been renamed to Angular-Token! Please follow the migration guide.

Quick Links

�� View to demo on Stackblitz
✨ Learn about it on the docs site
�� Support us by contributing

Install

Set up a Rails with Devise Token Auth
Install Angular-Token via NPM with
```
npm install angular-token
```

Import and add AngularTokenModule to your main module and call the 'forRoot' function with the config. Make sure you have HttpClientModule imported too.

import { AngularTokenModule } from 'angular-token';

@NgModule({
    imports: [
        ...,
        HttpClientModule,
        AngularTokenModule.forRoot({
          ...
        })
    ],
    declarations: [ ... ],
    bootstrap:    [ ... ]
})

(Maybe Optional) Fix injection context runtime errorAfter installing this package, if you get an Error: inject() must be called from an injection context when running your app, add the following to your typescript path config in the tsconfig[.app].json file:
```
"paths": {
  "@angular/*": [ "./node_modules/@angular/*" ]
}
```

Use

constructor(private tokenService: AngularTokenService) { }

this.tokenService.registerAccount({
    login:                'example@example.org',
    password:             'secretPassword',
    passwordConfirmation: 'secretPassword'
}).subscribe(
    res =>      console.log(res),
    error =>    console.log(error)
);

constructor(private tokenService: AngularTokenService) { }

this.tokenService.signIn({
    login:    'example@example.org',
    password: 'secretPassword'
}).subscribe(
    res =>      console.log(res),
    error =>    console.log(error)
);

Now you can use HttpClient to access private resources

constructor(http: HttpClient) { }

this.http.get('private_resource').subscribe(
    res =>      console.log(res),
    error =>    console.log(error)
);

Contributors

_{Jan-Philipp Riethmacher}	_{Arjen Brandenburgh}

License

The MIT License (see the LICENSE file for the full text)

使用案例

使用Angular 2正确设置Header X-Auth-Token

Angular2的新手我尝试将旧的PHP应用程序转换为更现代的Angular One . 在我以前的版本中，我用来调用API并使用以下内容设置我的X-Auth-Token： $headers = array(); $headers[] = 'X-Auth-Token:myValidKeyString'; curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
【angular-实践】通过sessionStorage与token维护用户登录状态

通过sessionStorage与token维护用户登录状态 login/login.component.html <input type="text" [value]="userForm.username"> <input type="text" [value]="userForm.password"> <button (click)="login()">login</button> logi
angular-cli 命令

Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。 npm i
token的学习使用 angular及koa示例

1.客户端用户登录输入账号和密码 2.服务端校验账号以及密码,通过后根据用户唯一标识符生成token并返回给客户端示例为node，koa服务端下载对应依赖包 npm install jsonwebtoken --save 用法 const jwt = require('jsonwebtoken') const secret = 'ZHX_TOKEN' //创建token let token
Angular12Http拦截器加token

什么是拦截器借助拦截机制，你可以声明一些拦截器，它们可以检查并转换从应用中发给服务器的 HTTP 请求。这些拦截器还可以在返回应用的途中检查和转换来自服务器的响应。多个拦截器构成了请求/响应处理器的双向链表。拦截器可以用一种常规的、标准的方式对每一次 HTTP 的请求/响应任务执行从认证到记日志等很多种隐式任务。如果没有拦截机制，那么开发人员将不得不对每次 HttpClient 调用显式实现这些
angular-http发送请求

//module.ts 文件 @NgModule({ declarations: [AppComponent], imports: [BrowserModule, HttpClientModule, HttpClientJsonpModule], providers: [], bootstrap: [AppComponent] }) export class AppModule {

angular-token

Quick Links

Install

Use

Contributors

License

同类工具

相关阅读

相关文章

相关问答

相关文档