DEV Community

Pedro Dos Santos
Pedro Dos Santos

Posted on • Updated on

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:
Image description
Service Article Delete:
Image description
Service Article GetId:
Image description

Service Article getAll:
Image description
Service Article Post:
Image description
Service AuthService:
Image description
Service HttpService
Image description
Service StorageService:
Image description
Service Toast:
Image description
Service Article Put:
Image description

Link do repositório do projeto nos comentàrios.

Top comments (1)

Collapse
 
plsr12 profile image
Pedro Dos Santos