BFF com GraphQL e NodeJS

Transcript

1. BFF com GraphQL e NodeJS FRONTIN Elas Programam 2023
2. +10 anos como Desenvolvedora Graduada em Jogos Digitais Sênior Software Engineer na Creditas Apoiadora do PHPWomenBR Esposa do Valter e Mãe do Joaquim sou a Tais Prazer, @taisreis67
3. BFF? O que é De onde veio, onde vive e qual problema veio resolver? 🤔
4. Best Friends Forever
5. Best Friends Forever
6. O Backend For Frontend, ou BFF, é um padrão de arquitetura que tem como objetivo facilitar a comunicação entre aplicações clientes e o backend. Ok, mas para o quê e como eu uso isso?
7. Monolito API Web
8. Temos uma comunicação direta entre uma API e um cliente. Tudo bem por enquanto
9. Micro Serviços User API Web Books API Auth API
10. Temos uma comunicação direta, mas agora entre um cliente e 3 micro serviços. Agora o cliente precisar fazer várias requisições para compor uma página
11. E se tivermos mais clientes? User API Web Books API Auth API Mobile Parceiro
12. É aqui que o BFF nos ajuda 😉 Temos 3 clientes se comunicando com os micro serviços e os clientes Parceiro e Mobile precisa de dados e comportamentos diferentes dos outros.
13. User API Web Books API Auth API Mobile Parceiro Backend For Frontend BFF BFF BFF
14. Agora os clientes terão autonomia para poder utilizar os micro serviços de acordo com o que eles precisam independente de outros clientes. Cada cliente agora tem seu backend personalizado 😉
15. Porém como desvantagens temos mais aplicações para dar manutenção, monitorar, fazer o deploy… Devemos analisar se temos como manter 🤔
16. um BFF? Como criar Vamos ver um exemplo de BFF com GraphQL e NodeJS
17. Quais tecnologias vamos usar?
18. É uma Query Language para APIs que permite com que o cliente peça exatamente os dados que ele precisa. O que é GraphQL? fonte: graphql.org
19. É um servidor GraphQL que nos dá uma série de ferramentas que nos ajuda a trabalhar com o GraphQL. O que é Apollo Server? fonte: apollographql.com
20. Nosso Service Web Nosso exemplo de caso de uso Nosso BFF
21. Filme Produtora Como fica a nossa estrutura? Nome Site Id Titulo
22. Bora ver o código!
23. Referências e para saber mais https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html https://philcalcado.com/2019/07/12/some_thoughts_graphql_bff.html https://medium.com/jeitosanar/backend-for-frontend-uma-estratégia-sob- demanda-para-a-entrega-de-microsserviços-2f12d4cb9e3f https://graphql.org/learn/ https://www.apollographql.com/docs/apollo-server/ https://developers.themoviedb.org/3/getting-started/introduction
24. Dúvidas? @taisreis67
25. Obrigada @taisreis67 Qualquer dúvida podem me procurar!