Fala galera!
Tudo certo?
Vim compartilhar com vocês essa maneira de separar a camada de serviços e chamadas a API no Front End, esse modelo é composto por 4 serviços "essenciais":
- HttpService(aonde tem os interceptors de token e de toast no response)
- AuthService(aonde ocorre a autenticação),
- ToastService(aonde está o serviço de toast messages)
- StorageService(aonde ocorre a manipulação de dados no localStorage)
Permitindo que os serviços sejam criados apenas uma vez e chamados em toda a aplicação,já com os interceptors e toast por estarem herdando do HttpService os outros serviços essenciais.
Abaixo estão imagens dos arquivos dos serviços e das chamadas nos pages.
Service Article:
Service Article Delete:
Service Article GetId:
Service Article getAll:
Service Article Post:
Service AuthService:
Service HttpService
Service StorageService:
Service Toast:
Service Article Put:
Link do repositório do projeto nos comentàrios.
Top comments (1)
BackEnd: github.com/PLSR12/API-BlogMovie
FrontEnd : github.com/PLSR12/BlogMovie-WebApp