Skip to content

Latest commit

 

History

History
92 lines (73 loc) · 3.29 KB

README.md

File metadata and controls

92 lines (73 loc) · 3.29 KB

Angular-Token

npm version npm downloads Build Status Angular Style Guide

🔑 Serviço de autenticação baseado em token para Angular com interceptor e suporte multiusuário. Funciona melhor com o conceber autenticação de token gem para Rails.

👋 Esta biblioteca foi renomeada para Angular-Token! Siga o guia de migração.


Links Rápidos


Instalar

  1. Configure um Rails com Devise Token Auth

  2. Instale Angular-Token via NPM com

    npm install angular-token
  3. Importe e adicione AngularTokenModule ao seu módulo principal e chame a função 'forRoot' com o arquivo config. Certifique-se de ter importado HttpClientModule também.

    import { AngularTokenModule } from 'angular-token';
    
    @NgModule({
        imports: [
            ...,
            HttpClientModule,
            AngularTokenModule.forRoot({
              ...
            })
        ],
        declarations: [ ... ],
        bootstrap:    [ ... ]
    })
  4. (Talvez opcional) Corrigir erro de tempo de execução do contexto de injeção Depois de instalar este pacote, se você receber um Erro: inject() deve ser chamado a partir de um contexto de injeção ao executar seu aplicativo, adicione o seguinte à configuração do caminho do TypeScript no arquivo tsconfig[.app].json:

    "paths": {
      "@angular/*": [ "./node_modules/@angular/*" ]
    }

Usar

  1. Cadastre seu usuário

    constructor(private tokenService: AngularTokenService) { }
    
    this.tokenService.registerAccount({
        login:                '[email protected]',
        password:             'secretPassword',
        passwordConfirmation: 'secretPassword'
    }).subscribe(
        res =>      console.log(res),
        error =>    console.log(error)
    );
  2. Faça login com seu usuário

    constructor(private tokenService: AngularTokenService) { }
    
    this.tokenService.signIn({
        login:    '[email protected]',
        password: 'secretPassword'
    }).subscribe(
        res =>      console.log(res),
        error =>    console.log(error)
    );
  3. Agora você pode usar HttpClient para acessar recursos privados

    constructor(http: HttpClient) { }
    
    this.http.get('private_resource').subscribe(
        res =>      console.log(res),
        error =>    console.log(error)
    );