Как настроить и развернуть веб-сайт в Google Firebase.

Что такое Firebase?

Firebase - это платформа для разработки мобильных приложений, разработанная Firebase.Inc в 2011 году и приобретенная Google в 2014 году.

Как настроить Firebase на ПК с Windows для хостинга?

В этом документе мы узнаем, как настроить Firebase на ПК с Windows 10 и развернуть его на нашем сервере Firebase.

  1. Сначала загрузите и установите Node JS с сайта www.nodejs.org, здесь мы используем последнюю версию 10.14.2 LTS, вы можете использовать самую последнюю.

2. После установки проверим, правильно ли он установлен в нашей системе.

Чтобы проверить это, откройте окно командной строки, просто выполнив поиск в меню «Пуск» и набрав:

npm -v

3. Теперь давайте откроем браузер Chrome и зайдем на console.firebase.google.com и войдем в систему с учетной записью Google, которую мы хотим использовать на хостинге firebase.

4. Теперь давайте установим пакет firebase в нашу систему, используя команду в командной строке.

Просто введите:

npm install -g firebase-tools

5. После установки Firebase CLI войдите в свою учетную запись Google:

firebase login

Затем он попросит вас предоставить разрешение на подключение к Firebase CLI, поэтому просто введите Y и нажмите Enter.

Эта команда подключает ваш локальный компьютер к вашей учетной записи Firebase и предоставляет доступ к вашим проектам.

В вашем браузере откроется новое окно, выберите свою учетную запись Google и нажмите Allow, чтобы предоставить разрешение.

6. Затем создайте новый проект в консоли Firebase.

7. С левой стороны на панели меню проекта выберите Разработка и выберите Хостинг.

8. Теперь вернитесь на наш локальный компьютер, подготовьте HTML-файлы вашего веб-сайта и храните их в папке, внутри основной папки создайте новую папку с именем public, а затем переместите все файлы в общедоступная, а затем вернитесь в основную папку.

9. Щелкните левой кнопкой мыши на панели пути к папке и введите: cmd нажмите Enter, чтобы открыть новое командное окно в той же папке.

10. Чтобы инициализировать новый проект Firebase, выполните следующую команду из каталога вашего приложения: firebase init

11. Введите Y, чтобы продолжить.

12. С помощью клавиш со стрелками перейдите к параметру Хостинг: настройка и развертывание сайтов хостинга Firebase, нажмите кнопку Пробел, чтобы выбрать его, и нажмите ввод.

13. На этом этапе выберите имя вашего проекта, который вы создали в консоли firebase, или создайте новый, если это еще не сделано.

Но не создавайте проект из командного окна с помощью интерфейса командной строки.

14. Теперь он попросит вас выбрать каталог, просто введите public, потому что все наши файлы перемещены в каталог public.

Выберите Нет, чтобы настроить одностраничное приложение.

Выберите Нет, чтобы перезаписать файл index.html.

Следуйте инструкциям на изображении выше и следуйте за областью, отмеченной красным цветом.

15. Теперь процесс инициализации завершен, наберите firebase deploy, чтобы развернуть файлы вашего веб-сайта на сервере firebase.

Теперь, после завершения развертывания, вы получите ссылку, по которой вы можете увидеть, что ваш веб-сайт находится в реальном времени на сервере firebase.

Эта ссылка автоматически создается firebase, но вы также можете добавить собственный домен на свой веб-сайт из консоли проекта.

Ву! Теперь вы можете видеть, что наш сайт успешно развернут и размещен.

Это был полный процесс настройки, развертывания и размещения веб-сайта на платформе Google Firebase.

Наряду с хостингом firebase также предоставляет множество функций для разработки полноценного мобильного приложения для Android и iOS.

Спасибо!