CRIANDO MÁSCARA DE DOMÍNIO NO FIREBASE UTILIZANDO O

FREENOM
Hospedagem de site pelo Firebase e vinculo com domínio gratuito FREENOM
Criar projeto no Firebase
Entrar no link:
https://firebase.google.com/

Clicar no canto superior direito para fazer o login(pode usar a conta Google). Após inicar clicar
no botão IR PARA O CONSOLE.
Agora clicar em ADICIONAR PROJETO

Dar um nome para o projeto e continuar;

Podemos deixar ativada a opção usar o Google Analytics para o seu projeto > Criar projeto
Pronto será criado o seu servidor em Nuvens do Google Firebase.

INSTALANDO O NODE.JS
Baixar o Node.JS do site htts://nodejs.org
Atualmente vamos utilizar a versão 18.15.0 LTS
Após baixar, execute o arquivo para instalar e avance em todas as opções até acabar.
Agora vamos configurar o Node.JS

Após instalar o NODE.JS vá em executar ou pesquisar do Windows e digite CMD.

Note que DOS já abre dentro de uma subpasta do C: e o que precisamos é apontar para a
pasta onde está os nossos arquivos.
Para voltar o nível de pasta utilizamos cd.. dentro do DOS
Note acima que agora estamos dentro do c:
Caso a pasta do seu projeto esteja em um diretório diferente de C: digite agora no nome do
mesmo, ex D:

Feito isso você estará dentro do D:, porém na raiz do mesmo, então para ir navegando até a
pasta do projeto digite cd e o nome da próxima pasta.

Agora você consegue ir até onde está o seu projeto com o comanda CD nome da próxima
pasta.
Agora que já conseguimos localizar onde está nosso projeto utilizando o MSDOS, vamos
atualizar a biblioteca do firebase utilizando o node
Ainda dentro do DOS digite: npm install -g firebase-tools

Este comando faz o upload dos arquivo necessários para que o Firebase possa hospedar nosso
projeto. Este processo demora alguns minutos.
Agora, depois de ter instalado todos os arquivos do FireBase, vamos fazer login na conta.
No CMD digite: FIREBASE login
Você receberá a mensagem acima, digite Y e uma página do seu navegador será aberta para
que você possa se logar, caso não abra a página copie o link que o DOS emitiu e cole no
navegador > faça então o login, veja exemplo abaixo

Após ter concluído o login digite FIREBASE INIT

Agora você receberá uma mensagem perguntando se está pronto para proceguir > Digite Y
Após digitar Y (Yes) você receberá todas as opções de escolher os recursos.
Vamos escolher > Hosting: configure files for Firebase Hosting and (optionally) set up Github
Action deploys.
Escolha feita, agora você será questionado se criará um novo projeto ou usará um já existente.
Se você já tiver criado o projeto dentro do Firebase selecione “Use an existing project”.

Agora basta selecionar o diretório que receberá o projeto e avançar.

Você receberá uma mensagem de como gostaria de usar o seu diretório, se for publico de um
enter.
“ What do you want to use as your public directory? (public)” Aperte o enter
Na próxima opção podemos escolher se será uma single Page app ou não > Hoje vamos
colocar N

Após concluir o processo você receberá uma mensagem informando que a pasta public foi
criada com dois arquivos dentro do seu projeto (404.html e índex.html).
Agora copie os arquivos do seu site para dentro da pasta public que acabou de ser criada e
mantenha os arquivos Firebaserc, .gitignore e firebase.json na pasta raiz, ou seja, fora da pasta
public.
Atenção: mantenha o arquivo da home Page do seu site com o nome de índex.html e substitua
o que foi criado pelo sistema dentro da pasta public.

Vamos fazer o upload da pasta para o Server do Firebase.

Agora, volte ao MSDOS e digite Firebase deploy (lembre-se que no DOS você deve apontando
para a pasta onde estão os arquivos, ou seja, a pasta raiz onde foi criada a pasta public).
Note na imagem acima que já temos uma URL do site hospedado.
Após hospedado o projeto através do NODEJS no Firebase, podemos entrar via web no
Console do projeto hospedado e ir até a opção Hosting, que é o local onde está hospedado os
arquivos do seu projeto.
Na parte central é possível ver o nome gerado pelo Firebase para acessar seu projeto pelo
navegador do computador ou celular.
----------------------------------------------------------------------------------------------------------------------------
FREENOM – HTTP://freenom.com que é um serviço de domínio com opção de registro gratuito
por no máximo um ano(todos os registros, gratuitos ou pagos, dever ser renovados
anualmente), podemos criar uma conta utilizando o gmail ou o usuário do Facebook.

Após logado, clique na guia SERVICES no topo a direita da página e escolha a opção: REGISTER
A NEW DOMAIN. Nesta etapa digitaremos o nome do endereço de web desejado sem o .com
ou .com.br.
Ex. meusitegratuito
Após clicar em CHECK AVAILABILITY será exibida uma tela com as opções disponíveis deste
nome que inserimos.
Basta clicar em GET IT NOW e na sequencia em CHECKOUT.
Nesta etapa escolhemos as quantidades de meses que queremos utilizar o domínio,
lembrando que o máximo é de 12 meses podendo ser renovado.
Após concluir este passo, devemos acessar nosso email para liberar o acesso aos serviços de
manutenção do seu domínio.
Com tudo confirmado, devemos agora acessar o FIREBASE > HOSTING e clicar no Botão
CONECTAR DOMINIO. Será exibida uma tela para digitarmos o endereço escolhido de domínio
do FREENOM, feito isso clique em continuar.
Na sequencia o Firebase irá passar os parâmetros que irão fazer o link do nosso projeto com o
domínio.
Devemos copiar o valor TXT gerado nesta tela e colar no FREENOM.
Vamos até o site do FREENOM já logado em nossa conta e clicar em SERVICES e na sequencia
em MY DOMAINS
Na tela que segue, devemos localizar o domínio que desejamos vincular com o nosso projeto e
clicar na opção MANAGE DOMAIN e na tela seguinte na guia MANAGE FREEDON DNS.
Agora é hora de colar o código copiado do Firebase no Freenom. Lembrando que devemos
mudar o type para TXT e apenas colar o TARGET, e por fim salvar as alterações.
Voltando para o firebase agora é clicar em verificar e esperar alguns minutos para ele gerar
mais dois valores do tipo A que também devem ser copiados um por um no FREENOM, assim
como feito anteriormente no tipo TXT.
Sempre salve as alterações no FREENOM para que seja enviado para o FIREBASE a mascara do
domínio.
Após alguns minutos o endereço criado já estará disponível para qualquer plataforma web,
incluindo proteção de criptográfica do FIREBASE.

LCN

Names.co.uk

Free debit card for Trial checkout > donotplay (https://donotpay.com/learn/free-trial-credit-

card/ ) > Clique em Solve This Problem For Me
Mostrando nossos projetos
Firebase projects:list