Как разместить статический сайт на хостинге firebase бесплатно

Что такое хостинг Firebase?

Firebase hosting - это служба хостинга Google, которая предоставляет пользователю статический веб-контент безопасным, быстрым, бесплатным и простым способом.

Почему именно Firebase Hosting?

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

Хостинг Firebase предоставляется бесплатно. Так что это вам больше не будет стоить. По умолчанию он предоставляет сертификат SSL и предлагает впечатляющую скорость в нескольких географических точках без необходимости в отдельном CDN сверху.

Требования

Аккаунт Google:

Я считаю, что у вас уже может быть учетная запись Gmail, и этого достаточно. Если не создать.

Firebase-CLI:

Прежде чем вы сможете установить Firebase CLI, вам необходимо установить Node.js на свой компьютер.

После того, как вы установили NodeJs, вы можете установить Firebase CLI с помощью npm (диспетчера пакетов узлов), выполнив следующую команду:

npm install -g firebase-tools

Домен:

Это необязательно. В мире существуют различные поставщики доменных имен. Дополнительно вы можете купить его в Godaddy.

Давай запачкаем руки

Шаг 1. Создание проекта firebase

Перейдите в firebase и войдите в свою учетную запись Google.

затем создайте новый проект, введите имя своего проекта (firebase-demo в моем случае)

Шаг 2. Вход в Firebase

Теперь вернитесь в командную строку и перейдите в папку своего проекта.

cd firebase-demo

Сначала нам нужно войти в firebase из командной строки. Введите следующую команду.

firebase login

Вы попадете на страницу входа в браузере. После успешного входа в систему вы увидите что-то вроде этого.

Шаг 3: Инициализация проекта

Для инициализации проекта firebase необходимо ввести команду

firebase init

Затем вам нужно выбрать функцию Хостинг и нажать Enter.

Затем он попросит вас выбрать проект firebase, выберите проект, который мы создали на шаге 1 (firebase-demo в моем случае)

Затем он попросит вас войти в основную папку, в которой находятся все ресурсы вашего веб-сайта. (в моем случае общедоступная папка)

Он спросит вас, является ли ваше приложение одностраничным или нет, а пока введите y

Он попытается заменить ваш файл index.html, чтобы избежать этого, введите n

Шаг 4. Проверка настройки (необязательно)

Если все пойдет правильно, вы можете проверить свой веб-сайт локально, выполнив команду

firebase serve

По умолчанию он будет запускать ваш веб-сайт локально на http: // localhost: 5000.

Шаг 5: развертывание

Для развертывания вашего проекта вам необходимо запустить команду

firebase deploy

Поздравляем! ваш веб-сайт запущен.

Бонусный шаг: подключение вашего домена

Перейдите в консоль firebase, выберите созданный вами проект (firebase-demo в моем случае) выберите вкладку хостинга на вкладке разработки (разработка - ›хостинг)