Comece a usar o Firebase Hosting

O Firebase Hosting oferece uma maneira rápida, segura e confiável de hospedar os recursos estáticos do seu aplicativo (HTML, CSS, JavaScript, arquivos de mídia etc.), bem como de veicular conteúdo dinâmico e hospedar microsserviços .

Nossa hospedagem de nível de produção é apoiada por uma rede global de distribuição de conteúdo (CDN). A hospedagem veicula seu conteúdo por SSL, por padrão, e pode ser usada com seu próprio domínio personalizado ou nos subdomínios do seu projeto sem nenhum custo em web.app e firebaseapp.com .

Antes de você começar

Antes de configurar o Firebase Hosting, você precisa criar um projeto do Firebase .

Etapa 1 : instalar a CLI do Firebase

Acesse a documentação da CLI do Firebase para saber como instalar a CLI ou atualizar para a versão mais recente .

Passo 2 : Inicialize seu projeto

Para conectar os arquivos do projeto local ao projeto do Firebase, execute o seguinte comando na raiz do diretório do projeto local:

firebase init hosting

Durante a inicialização do projeto, nos prompts da CLI do Firebase:

  1. Selecione um projeto do Firebase para conectar-se ao diretório local do projeto.

    O projeto Firebase selecionado é o projeto Firebase "padrão" para o diretório local do projeto. Para conectar projetos adicionais do Firebase ao diretório de projeto local, configure aliases de projeto .

  2. Especifique um diretório para usar como diretório raiz público.

    Este diretório contém todos os seus arquivos estáticos veiculados publicamente, incluindo o arquivo index.html e quaisquer outros recursos que você deseja implantar no Firebase Hosting.

    • O padrão para o diretório raiz público é chamado public .

      • Você pode especificar seu diretório raiz público agora ou mais tarde em seu arquivo de configuração firebase.json .

      • Se você selecionar o padrão e ainda não tiver um diretório chamado public , o Firebase o criará para você.

    • Se você ainda não tiver um arquivo index.html ou 404.html válido em seu diretório raiz público, o Firebase os criará para você.

  3. Escolha uma configuração para o seu site.

    Se você optar por criar um aplicativo de uma página, o Firebase adicionará automaticamente configurações de reescrita para você.

No final da inicialização, o Firebase cria e adiciona automaticamente dois arquivos à raiz do diretório local do seu aplicativo:

Etapa 3 : implantar em seu site

Para implantar em seu site, execute o seguinte comando na raiz do diretório local do projeto:

firebase deploy --only hosting

Este comando implanta o conteúdo e a configuração do Hosting nos seguintes subdomínios provisionados pelo Firebase:

  • PROJECT_ID .web.app
  • PROJECT_ID .firebaseapp.com

Saiba mais sobre implantações e até mesmo como testar seu site localmente .

Próximos passos

Agora seu site está pronto para ser compartilhado com o mundo!