Continuando a aplicação, nesse vídeo mostro como é simples fazer upload de arquivos para o Firebase Cloud Storage e como o processo disponibiliza informações sobre o andamento e ações de pausar, retomar e cancelar o envio.
#firebase
Continuando o Simples App Realtime, nesse vídeo vou cadastrar um usuário linkando ele ao usuário anônimo que usamos no vídeo anterior, além de gravar informações adicionais na base de dados, e com isso saber pq usar a funcionalidade de um user anônimo pode ser bem interesse numa aplicação
Isso tudo, apenas em um arquivo .html ainda 🙂
Em 2017 eu criei alguns vídeos falando sobre Firebase, na época a plataforma era praticamente a Realtime Database, e os vídeos eram justamente sobre como criar um app simples realtime com o que ele oferecia na época, se não me engano nem existiam as Cloud Functions.
Bem, muita coisa mudou no Firebase desde então, muitos outros recursos foram adicionados e se tornou uma plataforma de backend as a service muito poderosa, porém os questionamentos continuam os mesmo.
E é por isso que resolvi reeditar os vídeos, começando ainda mais do básico e mostrando tudo que o Firebase oferece, e mais, tudo o que vc deveria saber sobre Firebase, enjoy! =D
Como é mostrado no vídeo, diferente dos outro provedores federados, é necessário ter uma conta de dev na Apple para implementar essa funcionalidade, o que pode ser bem custoso para alguns.
E o que podemos fazer com ele?
Essa postagem fala dos recursos de desenvolvimento do Firebase, com ênfase no Authentication e nas Cloud Functions
O Firebase é uma plataforma de desenvolvimento de aplicativos para dispositivos móveis e web, desenvolvida pela Firebase Inc em 2011 e adquirida pelo Google em 2014
Hoje tem vários produtos, todos em nuvem que funcionam bem individualmente, mas compartilham dados e insights, para que trabalhem melhor juntos
Continue reading →
Nesse vídeo mostro como adicionar as dependências Firebase Core, Analytics e Cloud Firestore para iOS e Android, e também como trocar as dependências para o Androidx em um projeto Flutter
Continue reading →
Um dica rápida de como criar um projeto Flutter já com o bundle identifier para os projetos Android e iOS, assim economizando tempo de configuração.
Continue reading →
A algum tempo venho implementando dialogs nos meus projetos, mais especificamente os do Angular Material, por serem de fácil implementação e digamos, maleáveis, até certo ponto, porém notei que muitos eu poderia reutilizar, nisso acabei criando um módulo para agrupar esses que são comuns entre vários outros módulos, dai nasceu o dialog.service
Continue reading →
Criando componente de email e senha
O Id do provider de autenticação de email e senha dentro do authentication é password, porém como fica semanticamente pobre para entendimento, eu costumo descrever o componente que crio para o formulário como auth/auth-email-password
Essa informação vem de firebase.auth.EmailAuthProvider.PROVIDER_ID, mas não se assuste, iremos ver isso mais tarde. =D
Então vamos codar, vamos adicionar o componente
ng g c auth/auth-email-password
CREATE projects/principal/src/app/auth/auth-email-password/auth-email-password.component.scss (0 bytes)
CREATE projects/principal/src/app/auth/auth-email-password/auth-email-password.component.html (34 bytes)
CREATE projects/principal/src/app/auth/auth-email-password/auth-email-password.component.spec.ts (707 bytes)
CREATE projects/principal/src/app/auth/auth-email-password/auth-email-password.component.ts (320 bytes)
UPDATE projects/principal/src/app/auth/auth.module.ts (379 bytes)
Continuando o layout, adicionando o Bootstrap
E por isso vamos instalar o bootstrap no nosso projeto, e para isso vamos usar a lib ngx-bootstrap, o comando agora é um pouco diferente, como o ngx-bootstrap provém schematics, isso é, ele atualiza o projeto aonde é necessário para seu funcionamento, no caso dele no package.json e no angular.json
Para maiores informações sobre schematics visite https://angular.io/guide/schematics-for-libraries
Bem, vamos nessa, no console digite: ng add ngx-bootstrap