/ / Angular 4 firebase hosting project - angular, base de firebase, firebase-database, firebase-hosting

Angular 4 firebase hosting project - angular, base de firebase, firebase-database, firebase-hosting

Desejo implantar meu projeto angular 4 no Firebase Eu tinha lido esse link pergunta stackoverflow ..Eu segui todas as etapas (criar o projeto etc.) e o Firebase me deu uma URL para ver meu projeto implantado. No entanto, neste link eu vejo apenas esta imagem.

Como devo carregar o projeto? É apenas a pasta de construção suficiente para fazer o upload de todo o aplicativo ou eu preciso fazer algo mais manualmente ??? insira a descrição da imagem aqui

Respostas:

1 para resposta № 1

Se você está usando @angular/cli para construir o projeto, você vai querer o seu firebase.json arquivo a ser configurado da seguinte maneira (desconsiderando banco de dados e outras regras):

{
"hosting": {
"public": "dist",
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}

Você quer ter certeza de que o firebase.json arquivo está no mesmo nível de diretório que o .angular-cli.json e a pasta "dist" construída pelo cli.

A estrutura deve ficar assim:

dist/
e2e/
src/
.angular-cli.json
firebase.json

Corre ng build --prod então firebase deploy no mesmo nível que firebase.json e no sucesso ir para o URL desde a mensagem de linha de comando de firebase-tools. Eu faria um "Empty Cache and Hard Reload" para limpar o cache se você estiver usando o Chrome.

Se você acessar o console do Firebase para o projeto, no Hospedagem painel, o número de arquivos no /dist A pasta deve corresponder ao número de arquivos listados na entrada mais recente de "Histórico de implantação".

Espero que isso ajude!