Arrumando o layout
Primeiro, quero colocar um background na tela de auth, porém somente na tela de auth.
Mas como se é um component, e o background para ficar bom precisa ser estilizado no body?
Primeiro preciso de um background, adicionei um a pasta assets/images, pasta images essa que eu criei.
projects/principal/src/assets/images/auth-background.png
Criando os módulos e components de auth
O que costumo fazer é ter um módulo chamado, auth.module.ts
Para isso uso o comando de gerar módulo do CLI do Angular, o ng g(generate) m(module), no caso, ng g m auth, ele irá criar uma pasta chamada auth com o módulo dentro dela
Vamos nessa?
ng g m auth
CREATE projects/principal/src/app/auth/auth.module.ts (190 bytes)
Durante essa série de artigos iremos ver tudo que a aba Desenvolver do console do Firebase oferece:
Authentication, Database, Storage, Hosting,Functions
E o que precisamos para isso?
Acredito que vc já tenha familiaridade com gerenciadores de pacotes, no caso uso o NPM https://www.npmjs.com/ e será com ele que os exemplos serão exemplificados 😋
Para ter o NPM instalado primeiramente instala o nodejs https://nodejs.org/en/, caso ainda não tenha, esse é o momento de instalá-lo
Costumo criar projeto Angular dessa forma por considerar que ficam muito mais organizados, pois todas as aplicações são adicionadas dentro da pasta projects
No console vc vai criar o projeto usando o ng new nome-projeto, porém usando –createApplication=false para não ciar aplicação e –interactive=false para que as opões de adicionar módulo de rota e escolha de pré processador css não sejam mostradas, já que como não será criado uma app, isso não terá efeito prático
ng new nome-projeto --createApplication=false --interactive=falseNa minha luta tentando entender o React para aplicá-lo numa aplicação cliente-servidor com o Firebase.
Nessa primeira parte tentei entender como funciona o React, já que sou desenvolvedora Angular, e nunca fiz algo com essa lib, nem sei direito o site, será que consegui aprender alguma coisa? 😅
Conteúdo dinâmico com as Cloud Functions ou Microsserviços
Agora vamos juntar o que foi criado no vídeo 1 com as Cloud Functions
No final fiz uma bobagem do tipo, era de um jeito que vc sempre faz, mas na hora de explicar vc faz de outro rsrs
E o pior eu testei errado antes.
Mas acabou dando tudo certo =D
Gist usado no vídeo: https://gist.github.com/evlymn/3bf4083c8ba329cb8c8a3d755abb801e
Havia esquecido de mostrar os logs dos gatilhos nas CF do Storage, dai aproveitei e mostrei o envio de múltiplos arquivos também
Nesse vídeo falo sobre o as Cloud Functions para o Cloud Storage, monto um pequeno app para fazer o upload, e mostro como as CF recuperam o arquivo no gatilho da function para o storage.
Dessa vez é algo bem simples, ou não
Estender o Cloud Storage com o Cloud Functions
https://firebase.google.com/docs/storage/extend-with-functions?hl=pt-br