/angular-token

šŸ”‘ ServiƧo de autenticaĆ§Ć£o baseado em token para Angular com interceptor e suporte multiusuĆ”rio. Funciona melhor com autenticaĆ§Ć£o de token de criaĆ§Ć£o para Rails

Primary LanguageTypeScriptMIT LicenseMIT

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:                'example@example.org',
        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:    'example@example.org',
        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)
    );