Как бесплатно разместить статический веб-сайт на платформе хостинга Google Firebase – CloudSavvy IT

Если вы хотите разместить простой веб-сайт бесплатно, вы не ограничены создателями бесплатных веб-сайтов, такими как Сайты Google или Wix. Множество облачных провайдеров предлагают хостинговые платформы с широкими бесплатными уровнями, которые позволяют вам полностью контролировать контент, который вы обслуживаете.

Что такое «статический» сайт?

Вопреки тому, как это звучит, «статический» веб-сайт не означает, что ваш сайт должен выглядеть как страница GeoCities 1999 года. Вы по-прежнему можете свободно обслуживать контент JavaScript, даже полноценные одностраничные веб-приложения, созданные с такими фреймворками, как React.

статический просто означает, что ваш контент не меняется перед обслуживанием. Например, WordPress отвечает на запросы и изменяет содержимое страницы с помощью PHP, в зависимости от страницы, которую вы запросили. С другой стороны, статический веб-сайт – это просто обычный HTML, плюс любые изображения, CSS или JavaScript, которые вы отправляете вместе с ним. Вы можете изменить его на стороне клиента с помощью JavaScript после того, как он будет отправлен пользователю, как работает React, но даже в этом случае сам файл JavaScript является статическим.

Преимущество того, что ваш веб-сайт полностью статичен, заключается в том, что вам не нужен такой модный веб-сервер, как NGINX или Apache, для обслуживания вашего контента. Поскольку это просто статические файлы, многие провайдеры, такие как AWS и Google Cloud Platform, предлагают способы размещения таких веб-сайтов из облачных хранилищ.

Google предлагает такую ​​услугу для хостинга из хранилища Cloud Storage с использованием балансировщика нагрузки или CDN перед ним. Однако он предназначен для высокопроизводительных корпоративных сайтов и не является полностью бесплатным для использования. Для простых развертываний вы можете использовать платформу Google Firebase, которая предназначена для предоставления бэкэндов мобильным приложениям, но также включает в себя фантастическую службу размещения статического контента, которую вы можете использовать.

Настройка развертывания Firebase

Firebase является частью Google Cloud Platform, поэтому вам потребуется проект GCP для использования с Firebase. Направляйтесь к Консоль GCP и создайте новый из выпадающего списка в строке меню:

Вам потребуется Firebase CLI для следующей части. Загрузите бинарный файл для вашей операционной системызатем запустите firebase с вашего терминала войдите в систему и подключите Firebase CLI к вашей учетной записи Google.

firebase

Затем перейдите в каталог с cd что вы хотите использовать для кода вашего сайта, и запустить firebase init:

Это установит текущий каталог как проект firebase. Для функций выберите «Хостинг».

Выберите «Добавить Firebase в существующий проект Google Cloud Platform» и выберите созданный вами проект GCP. Вы можете создать новый проект здесь, но в нашем тестировании он дал ошибку при настройке, и мы все равно должны создать его вручную.

Для настройки хостинга вы можете установить публичный каталог (по умолчанию «public»). Если вы используете клиентскую библиотеку, такую ​​как React, для обработки маршрутизации, вы можете настроить проект как одностраничное приложение, которое перезапишет все URL-адреса для направления на одну страницу index.html.

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

Ваш сайт теперь будет виден на projectname.web.app, Тем не менее, вы, вероятно, хотите настроить пользовательский домен, что довольно легко. Вам, конечно, понадобится пользовательский домен, зарегистрированный у регистратора доменов, например, Namecheap или Google Domains.

Направляйтесь к Консоль Firebaseвыберите свой проект и выберите «Хостинг» на боковой панели. Нажмите «Добавить пользовательский домен».

Введите свой домен, и вы получите запись TXT. Перейдите к настройкам регистратора вашего домена и установите для имени хоста и значения те значения, которые вам даны в качестве новой записи TXT.

Как только он будет проверен, вам, конечно, нужно будет указать домен на Firebase. Firebase предоставит вам два IP-адреса для добавления в ваш домен. Замените все имеющиеся у вас «A Records».

Ваш сайт немного покажет красное предупреждение HTTPS, в то время как Firebase автоматически предоставит вам бесплатный SSL-сертификат. Вам не нужно ничего делать, поскольку этот процесс автоматический.

Всякий раз, когда вам нужно развернуть обновления, внесите изменения в код в общей папке и запустите firebase deploy снова из вашего терминала. Вы должны увидеть изменения, развернутые в течение минуты.