Firebase nie uruchamia pliku index.html

Question

Jestem całkiem nowym programistą przechodzącym przez samouczek Firebase. Przejrzałem kroki 1-5 z samouczka (https://codelabs.developers.google.com/codelabs/firebase-web/#5). Dodałem kod "Dodaj bazę ogniową do Twojej aplikacji internetowej" do pliku html i skonfiguruj interfejs Firebase CLI. Jednak, gdy uruchamiam serwer bazy Firebase, wszystko wydaje się działać inaczej, niż nie pokazuje kodu z pliku index.html.

Jestem we właściwym katalogu, a moja konsola mówi "Serwer nasłuchuje pod adresem: http://localhost:5000." Ale w localhost 5000 pokazuje ogólne "Witamy w Hostingu Firebase: Widzisz to, ponieważ pomyślnie skonfigurowałeś Hosting Firebase. Teraz nadszedł czas, aby zbudować coś niezwykłego!" zamiast kodu interfejsu aplikacji w pliku index.html. Jest to jedyny plik html w moim katalogu. Wygląda na to, że brakuje mi czegoś bardzo prostego. Dziękuję za pomoc.

Answer 1

Wyjaśniałem moją odpowiedź. Opublikowany plik index.html znajdował się w pliku "publicznym", który został utworzony podczas etapu "inicjalizacji firebase". Wymieniłem ten plik html zastępczy na ten z mojej aplikacji.

Answer 2

Problem polega na tym, że firebase init jest niewiarygodnie prymitywny. To po prostu przesłania plik index.html, który był w twoim folderze public ... bez potwierdzenia, bez zabezpieczenia, bez niczego.

Jedynym sposobem na naprawienie tego jest ponowna produkcja własnego pliku index.html. Jeśli nie masz kopii zapasowej lub innej metody ponownego wygenerowania pliku index.html ... cóż ... szkoda!

Generalnie schodach firebase konfiguracji z WebPack (lub innych narzędzi Build) iść trochę tak:

1. firebase login
2. firebase init
3. your-build-command-here
4. firebase deploy

Pamiętaj, że potrzebujesz tylko t o wykonaj pierwsze dwa kroki za pierwszym razem, gdy konfigurujesz budowanie na tym komputerze (lub może po wydaniu nowej wersji firebase). Do ponownego wdrożenia, to po prostu:

1. your-build-command-here
2. firebase deploy

UPDATE

W najnowszej wersji to przynajmniej zapyta, czy powinien on zastąpić lub nie :)

Answer 3

W celu szybkiego i łatwego wdrażania aplikacji Angular do Firebase można znaleźć here.

Podczas procesu Firebase init typu N, gdy pytanie "dist File/index.html już istnieje. Zastąpić?" pojawia się, a twoja strona będzie wyświetlana tak, jak być powinna.

Answer 4

Dla kątowa 2 lub 4 z CLI, należy . (dist) jako katalogu publicznym,

$ ng build --prod 
$ cd dist/ 
$ firebase init 
? What do you want to use as your public directory? . 
? Configure as a single-page app (rewrite all urls to /index.html)? Yes 
? File ./index.html already exists. Overwrite? No 
$ firebase deploy