Разместить статический веб-сайт в Google Cloud Storage очень просто. Если вы планируете запустить простой статический веб-сайт только с HTML, CSS, JavaScript и изображениями, то вам не нужен для этого веб-сервер. Вы можете загрузить файлы своего веб-сайта в облачное хранилище Google, и ваш сайт будет запущен через несколько минут.
В этом уроке я собираюсь показать вам, как БЕСПЛАТНО запустить статический веб-сайт в Google Cloud Storage!
Хорошо, теперь давайте начнем!
Шаги по бесплатному размещению статического веб-сайта в облачном хранилище Google
Войдите в свою учетную запись Google Cloud. Посетите cloud.google.com, а затем просто войдите в свою учетную запись Google Cloud. После того, как вы войдете в свою учетную запись GCP, вы увидите панель управления Google Cloud, как показано на следующем снимке экрана. Чтобы связать ваш домен с Cloud Storage, вам необходимо создать запись CNAME, указывающую yourdomainname.com на c.storage.googleapis.com.
Для этого перейдите в раздел настроек DNS своего домена, нажмите «Добавить запись» и выберите «CNAME».
Теперь в разделе Name введите www, а в разделе Points введите c.storage.googleapis.com и сохраните запись. Добавьте параметр «Свойства» для подключения вашего нового домена, после чего вы увидите, что для проверки домена доступно множество вариантов, таких как метаданные HTML, Google Analytics и т. д. Самый простой из них — проверка DNS с помощью записи TXT. Поэтому завершите подтверждение права собственности любым удобным для вас способом, а затем перейдите к следующему шагу. Посетите Google Search Console, чтобы подтвердить, что вы являетесь владельцем домена. Нажмите на опцию, чтобы подключить свой новый домен, и тогда вы увидите множество вариантов проверки домена, таких как метаданные HTML, Google Analytics и т. Д. Самый простой из них — проверка DNS с помощью записи TXT. Поэтому завершите подтверждение права собственности любым удобным для вас способом, а затем перейдите к следующему шагу. Посетите область панели инструментов облачной консоли, а затем в строке меню навигации щелкните ссылку «Хранилище».
Теперь вам нужно создать сегмент и после этого ввести âÃÂÃÂимя сегмента (примечание: если вы хотите указать свое доменное имя на хранилище, то вы должны указать имя корзины как доменное имя)
Далее необходимо выбрать «класс хранилища» (оставьте многорегиональный для высокопроизводительного& доступность)
Теперь выберите местоположение из США, ЕС& Asia (выберите ближайший к вашей аудитории), а затем нажмите âÃÂÃÂСоздать.âÃÂÃÂ
После успешного создания корзины вы сможете увидеть их в своем списке. Выберите свое ведро из списка, а затем нажмите на разрешение редактирования ведра. Он откроет свойства разрешений
Теперь в этом разделе свойства разрешений вам нужно ввести âÃÂÃÂallUsersâÃÂàв âÃÂÃÂДобавить MembersâÃÂàполе и выберите разрешение как âÃÂÃÂStorage Object Viewer. После этого нажмите кнопку «Добавить», чтобы сохранить конфигурацию.
Затем снова щелкните значок настройки >>Изменить конфигурацию веб-сайта, а затем заполните данные на главной странице& 404 (не найдено) раздел страницы (в большинстве случаев их значение будет index.html& 404.html соответственно). После того, как вы завершили предыдущую настройку, вы можете перейти к процессу загрузки файла веб-сайта.
Откройте только что созданный раздел корзины, а затем нажмите «Загрузить папку/Загрузить файлы» и выберите файлы своего веб-сайта для загрузки. Убедитесь, что index.html присутствует в корне ведра.
Обратите внимание: âÃÂÃÂ В зависимости от размера файла загрузка может занять некоторое время.
Готово! Распространение DNS по всему миру может занять некоторое время, и вы можете использовать инструмент поиска DNS для проверки результатов.
Итак, через некоторое время попробуйте получить доступ к своему сайту, введя URL-адрес вашего сайта в браузере, и вы увидите, что ваш статический веб-сайт доступен для публики.
Рекомендуемая литература âÃÂàКак настроить домен на сервере Google Cloud
Я надеюсь, что это руководство поможет вам запустить статический веб-сайт в Google Cloud Storage. Если вы найдете это руководство полезным, пожалуйста, не забудьте поделиться им с друзьями и семьей!
Если у вас есть какие-либо вопросы / вопросы или предложения, не стесняйтесь, дайте мне знать, комментируя ниже.