Configuração do Firebase

Para realizar login via Microsoft ou Google na tecnologia Flutter, é necessário que siga o passo a passo abaixo.


Pré-requisitos:

1. Possuir conta:

  1. Acessar o link: https://firebase.google.com/?hl=pt
  2. Clicar em “Fazer login” e realizar/criar login com sua conta google:

2. Criar um projeto:

  1. Acessar o link: https://console.firebase.google.com/?pli=1
  2. Clicar em “Adicionar projeto”:
  3. Adicionar um nome ao projeto (recomendamos utilizar o nome da própria instituição) e clicar no botão de “Continuar”:
  4. Desativar a opção “Ativar o Google Analytics neste projeto” e clicar no botão “Criar projeto”:
  5. Após clicar em “Criar projeto”, aguarde a criação do projeto, o que pode levar alguns minutos.

3. Criar uma configuração WEB:

  1. Acesse o link: https://console.firebase.google.com/
  2. Clique no projeto criado no passo anterior:
  3. Você será direcionado a esta tela. Clique no terceiro botão para login WEB:
  4. Inserir um apelido e clicar no botão “Registrar app”:
  5. Por último, clique no botão “Continuar no console”:

4. Configurações do projeto criado:

  1. Acesse o link: https://console.firebase.google.com/
  2. Clique no projeto criado no passo anterior:
  3. Clicar em “1 app”:
  4. Clicar no ícone de configurações:
  5. Selecione a opção de “Config” em Configuração do SDK:
  6. Ao selecionar “Config”, mostrará os seguintes dados:
  7. Com os dados acima, configuraremos essas informações informações no Mentor Web em aba oauth - firebase oauth:


5. Criar a autenticação:


Pré-requisitos:

  1. Acesse o link: https://console.firebase.google.com/
  2. Clique no projeto criado no passo anterior:
  3. Acessar o menu “Criação > Authentication”:
  4. Clicar na aba “Método de login”:


É possível configurar a autenticação para Google ou Microsoft Azure, conforme necessidade:

Autenticação para Google

  1. Para criar a autenticação para Google, é necessário clicar em “Google”:
  2. Ativar a autenticação e informar um e-mail:
  3. Clicar em “Salvar”
  4. Autenticação gerada com sucesso:

Autenticação para Microsoft Azure

  1. Para criar a autenticação para Microsoft Azure, é necessário clicar em “Microsoft”:
  2. Ativar a autenticação e informar o ID do aplicativo e Secret do aplicativo (dados gerados na configuração conexão do tipo Microsoft azure):
  3. Clicar em “Salvar”
  4. Autenticação gerada com sucesso:

6. Adicionar o domínio:

  1. Acesse o link: https://console.firebase.google.com/
  2. Clique no projeto criado no passo anterior:
  3. Acessar o menu “Criação > Authentication”:
  4. Clicar na aba “Configurações” e menu “Domínios autorizados”:
  5. Clicar no botão “Adicionar domínio” e adicionar o domínio da IES. Clicar em adicionar:

7. Adicionar o domínio na Microsoft Azure:

O domínio no criado no passo a passo acima deve ser adicionado na Microsoft Azure:


Copiei o valor do campo acima, pois ele será utilizado nos passos a seguir.

  1. Logar na Microsoft Azure: https://portal.azure.com/#view/Microsoft_AAD_RegisteredApps/ApplicationsListBlade
  2. Clicar no projeto e acessar o menu de “Autenticação”:
  3. Na URLs de Redirecionamento, iremos adicionar o domínio criado no passo a passo anterior, seguindo a estrutura https://[Dominio]/__/auth/handler:


Após isso, a configuração está pronta e será possível realizar login via Microsoft Azure no Flutter.

Voltar