Separação das Camadas de Serviço no FrontEnd

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.

Comments

[Pedro Dos Santos]

BackEnd: github.com/PLSR12/API-BlogMovie

FrontEnd : github.com/PLSR12/BlogMovie-WebApp