https://github.com/isaccanedo/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
https://github.com/isaccanedo/angular-token
auth authentication device device-token-auth interceptor interceptor-http interceptors oauth rails signin token
Last synced: 12 months ago
JSON representation
š 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
- Host: GitHub
- URL: https://github.com/isaccanedo/angular-token
- Owner: isaccanedo
- License: mit
- Created: 2023-03-17T11:37:03.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-29T20:14:42.000Z (over 2 years ago)
- Last Synced: 2025-01-12T06:43:14.348Z (about 1 year ago)
- Topics: auth, authentication, device, device-token-auth, interceptor, interceptor-http, interceptors, oauth, rails, signin, token
- Language: TypeScript
- Homepage:
- Size: 352 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://badge.fury.io/js/angular-token)
[](https://npmjs.org/angular-token)
[](https://travis-ci.org/neroniaky/angular-token)
[](https://angular.io/styleguide)
š 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](https://github.com/lynndylanhurley/devise_token_auth) gem para Rails.
š Esta biblioteca foi renomeada para **Angular-Token**! Siga o [guia de migraĆ§Ć£o](https://angular-token.gitbook.io/docs/migrate-to-7).
---
### Links RƔpidos
- š Ver para demonstraĆ§Ć£o em [Stackblitz](https://stackblitz.com/github/neroniaky/angular-token)
- āØ Aprenda sobre isso no [docs site](https://angular-token.gitbook.io/docs)
- š§ Apoie-nos por [contributing](https://angular-token.gitbook.io/docs/contribute)
---
## Instalar
0. Configure um Rails com [Devise Token Auth](https://github.com/lynndylanhurley/devise_token_auth)
1. Instale Angular-Token via NPM com
```bash
npm install angular-token
```
2. 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.
```javascript
import { AngularTokenModule } from 'angular-token';
@NgModule({
imports: [
...,
HttpClientModule,
AngularTokenModule.forRoot({
...
})
],
declarations: [ ... ],
bootstrap: [ ... ]
})
```
3. (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`:
```json
"paths": {
"@angular/*": [ "./node_modules/@angular/*" ]
}
```
## Usar
1. Cadastre seu usuƔrio
```javascript
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
```javascript
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
```javascript
constructor(http: HttpClient) { }
this.http.get('private_resource').subscribe(
res => console.log(res),
error => console.log(error)
);
```