Primeiramente Precisamos que que que itê conhecimentos em React, Node, JavaScript, Git, Frontend, Развертывание Отказ
Precisa de UMA CONTA NO SERVISO Firebase С
https://firebase.google.com/
VA PARA O Console DO Firebase https://console.firebase.google.com/
CRIE UM NOVO PROJETO COM O NOME. Protto, Agora Que Temos o Projeto CriaDo PodeMos Utilizar Várias Freramentas do Firebase UMA Delas é A Хостинг , MAS Fique Livre Para Utilizar Autrass, Nesse Artigo Traataremos Apenas de Hospedagem.
Нет огнела, какая-либо клика Firebase EM Хостинг
Precisa de um projeto em Реагировать JA PRONTO, E ENTãO FAREMOS A A Construção (Build) Desse Projeto No Hosting Da Firebase, Usaremos Também o Domínio Fornecido Por Eles, MAS CLARO FUTURAMETE PodeMos alterar.
VOCO Precisará Ter o Pacote de Teacedência do Firebase пара о Узел js.
Instale O Picote DO Firebase-Tools Globalmente, Esse Pacote Estará Instalado Нет SEU Commitalor E Não No Projeto Em Si. Esse Utilitário Do Firebase, Nos Ajudará Executar Comandos E Conectar Aquele Projeto Que Criamos Нет хостинга. Выполнить O Comando:
npm install -g firebase-tools
Vamos Para O Console Shell, Doctro Da Pasta Do Projeto Реагировать
Usarei Esse Projeto React Como Exemplo:
https://github.com/guillerbr/ghd-sites
Clone O Projeto E Entre Na Pasta:
Увелики Appleção, Pacotes E Зависимость.
npm install
Doctro Da Raiz Do Seu Projeto React, Digite O Comando Para A A Construção (сборка).
npm build
- ОУ:
npm run-script build
Então o NPM Cria OS Arquivos Estáticos Já TranspiLados E Configurados Para Serme Arquivos Leves. Após radar o Comando Ele Criará Uma Pasta построить Onde Estará OS Arquivos Que Precisamos.
AGORA Precisamos Ligar Nossa Applação React Ao Nosso Serviços de Moching Do Firebase. Para Isso Usaremos o Firebase-Tools que instalamos. нет розового. DIGITE O Comando:
firebase login
Precisar Estar Autenticado NA CONTA DO GOOGLE Firebase Com Seu Navegador, Após o Comando Acima O Google Pode Pody Pedir Alguma Verificação Para LigaR SUA Applicação Нет консоли Shell, SUA CONTA NO FireBase No Navegador. SE Google Abrir o Браузер e pedir autenticação da conta. ACEITE E CUNCEA Operação.
Правительство! O Console Informa Que Estou Autenticado E Informa Meu E-mail Отказ
Doctro da Raiz Do Projeto, Vamos DigiTar OS Comandos Para Configurações Finais. DIGITE O Comando:
firebase init
Aceite A ConficeAção, e Terá Essas Opções Нет консоли:
Escolha A Opção:
Hosting: Configure files for Firebase Hosting and (optionally) set up Guithub Action deploys
Agora Teremos A Nova Etapa de Configuração:
Escolha A Opção:
Use an existing project
Irá Aparcer Um Lista de Projetos E Seus NoMes. Agora Precisamos Escolher O Nome Do Projeto Que Criamos Нет Firebase. O meu é ghdsites2.
Agora Cairemos Na Parte de Configuração Do Diretório Público.
AGORA DIGITE O Comando:
build
Aparecerá Essa Pergunta:
Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
Escolha A Opção:
yes
Aparecerá Essa Pergunta:
File build/index.html already exists. Overwrite? (y/N)
Escolha A Opção:
no
AGORA IREMOS PARA PATE FINALE DE CONDRUSãO. DIGITE O Comando:
firebase deploy
Правительство! Финал!
DEPOIS de Fazer ToDos Esse Processimentos, O Console Do Firebase Informará Que o Processo Foi Fealizado Com Sucesso E Sua Appleação Já Está Hospedada Comm UM Domínio E Pronta Para Ser Acessada.
Учебник Е.М. Видэо: https://www.youtube.com/watch?v=xoxvxlevzv4.
Оригинал: «https://dev.to/guillerbr/deploy-reactjs-no-firebase-hosting-1l6f»