Como adicionar domínio do Registro.br ao Firebase — Parte 3
Vamos agora seguir a instruções que são dadas pelo Firebase para que possamos implantar a primeira versão do nosso site. Vamos utilizar um pouco de linha de comando, mas nada muito complicado.
Retomaremos exatamente do ponto em que estávamos na última parte. Ou seja, no painel do Firebase Hosting. Na seção de histórico de lançamento temos apenas um botão Instruções. Clicando sobre esse botão você verá a mesma janela que já vimos anteriormente, com instruções de implantação.
A janela exibida é como mostra a imagem abaixo.
Vamos então segui a instrução dada e instalaremos a ferramenta de linha de comando firebase-tools.
Instalação
Para que possamos fazer a instalação da CLI do Firebase é necessário que tenhamos o Node instalado na máquina. Caso não tenha, baixe o instalador (em https://nodejs.org/en/download/current/) e instale em sua máquina.
Você poderá verificar se sua instalação foi bem sucedida executando o comando:
npm --versionEste comando lhe mostrará a versão do npm.
Agora já poderemos instalar a CLI do Firebase com o comando que é mostrado na página (veja Imagem 01).
npm install -g firebase-toolsNOTA: Se você é um usuário Linux, e esse comando não funcionar. Tente utilizá-lo com permissões de administrador por meio do comando sudo.
Implantação
Para a implantação você acessará a pasta do seu projeto pelo terminal e executará os comandos que estão na segunda parte das instruções dadas no Firebase Hosting. Veja a imagem abaixo.
Para essa demonstração utilizarei apenas um arquivo index.html. Primeiro de tudo é preciso navegar via terminal até o diretório onde se encontram os arquivos que você deseja hospedar.
Após isso você precisará se autenticar no firebase. Para isso utiliza o comando abaixo:
firebase loginUma aba será aberta em seu navegador solicitando que você faça login e dê as permissões necessárias para a CLI do Firebase. Após isso uma mensagem será exibida em seu terminal.
Com a autenticação já realizada é hora de iniciar o seu projeto com com o comando:
firebase initSerá exibido em seu terminal, um menu de opções. Será algo parecido com o que é mostrado na imagem abaixo.
Utilize as setas para selecionar a opção Hosting. Quando descer até essa opção tecle espaço para selecioná-la e em seguida tecle enter para prosseguir.
Os projetos serão listados. Selecione o projeto em que deseja fazer a hospedagem. Em meu caso é o projeto registrobr-6a34c. Utiliza as setas e tecle enter. Veja a imagem abaixo.
Algumas informações serão solicitadas. Preencha-as de acordo com sua configuração e necessidade.
A primeira informação é acerca de qual será o diretório público. No meu caso o arquivo que desejo implantar está na raiz do diretório em que estou e por isso que informei o diretório . (sim é isso mesmo, um ponto).
A segunda informação solicitada é se deseja que todas as requisições sejam direcionadas para index.html. Informei sim. Essa configuração é útil para aplicações single-page.
A última informação acerca de sobrescrever o arquivo já existente. Como já existe um arquivo index.html em meu repositório ele pergunta se desejo sobrescrevê-lo. Veja como ficou.
Após isso alguns arquivos serão criados no seu diretório e seu projeto estará iniciado.
Finalmente, é hora de fazer a implantação (deploy) da aplicação. Execute então o comando:
firebase deployOs arquivos serão enviados para os servidores e pronto. Sua aplicação está hospedada. Veja o resultado do comando na imagem abaixo.
Se tudo correr bem você receberá um retorno que nem esse. Veja que ele já lhe mostra ali um link para acessar seu site (para ver o meu acesse em https://registrobr-6a34c.firebaseapp.com/).
Nosso painel do Firebase Hosting também mudou. Volte lá e veja que ele já mostra a nossa primeira implantação, inclusive mostrando a hora em que feita e também quantos arquivos foram enviados.
Por agora é isso.
Espero você no último capítulo dessa série de tutoriais, onde conectaremos um domínio personalizado ao nosso site.
Abraços
