Подключение пользовательского домена к веб-сайту, размещенному в Firebase

Firebase - одна из лучших платформ для бесплатного размещения статического веб-сайта. Когда у нас есть веб-сайт, размещенный на firebase, мы получаем два назначенных ему домена. Например, идентификатор проекта для моего веб-сайта портфолио, который уже размещен на firebase, - « ankit-kumar-cv », поэтому ему были назначены URL-адреса:

• project-id.web.app → ankit-kumar-cv.web.app
• project-id.firebaseapp.com → ankit-kumar-cv.firebaseapp.com

Теперь вся эта информация видна в Firebase Console → Project Dashboard → Hosting Tab . Помимо этих двух доменов, если мы хотим назначить веб-сайту домен по нашему выбору, мы тоже можем это сделать. Здесь мы увидим пошаговый процесс добавления личного домена в хостинг firebase.

Перед добавлением домена к хостингу firebase необходимо выполнить два требования:

1. Веб-сайт, размещенный на базе firebase. В моем случае это ankit-kumar-cv.web.app.
2. Домен. Есть много регистраторов доменов, таких как GoDaddy, NameCheap, hostinger и другие. Но здесь мы купим мой домен у самого Google. Покупка домена у Google дает множество преимуществ.

Шаг 1. Покупка домена

Во-первых, нам нужно перейти на domain.google.com и найти имя, по которому вы хотите увидеть рекомендации Google. Если вы хотите придерживаться выбранного вами имени, щелкните вкладку «Все концовки». Выберите доступный и добавьте его в корзину.

Вы можете перейти на страницу корзины и оформить заказ с помощью выбранного вами способа оплаты. После оформления вы попадете на эту страницу. И он попросит вас подтвердить вашу электронную почту. После того, как вы закончите проверку, домен принадлежит вам.

Вы можете щелкнуть вкладку DNS. Так как там будут внесены другие изменения.

Шаг 2. Добавление домена к хостингу Firebase

Шаг 2.1: Добавьте домен

Зайдите на console.firebase.google.com, выберите проект. И перейдите на вкладку хостинга. Это выглядело бы примерно так.

Нажмите кнопку добавления личного домена. Появится форма с просьбой добавить домен.

Добавьте купленный домен и нажмите «Продолжить».

Шаг 2.2 Подтверждение права собственности

Поскольку и firebase, и регистратор доменов были продуктами Google, нам не нужно подтверждать право собственности на домен для firebase. Но этот шаг является обязательным, если мы используем любой другой зарегистрированный домен, например GoDaddy или Namecheap. Как и другие шаги, это совсем не сложно. Все, что нужно сделать в этом случае, - это добавить настраиваемую запись типа TXT на страницу управления DNS регистратора домена. Этот процесс обычно занимает около 5-12 часов, который может длиться до 24 часов.

Шаг 2.3 Начало работы

Поскольку наш домен автоматически проверяется на экране, вы можете видеть, что мы сразу перешли от первого шага к третьему шагу. На этом этапе мы подключим наш домен к хостингу firebase. Подключить наш домен к хостингу можно двумя способами:

• Быстрая настройка: предназначена для нового веб-сайта, на котором впервые добавляется домен.
• Дополнительно: для веб-сайта, уже размещенного на другой платформе.

В окне подключения домена есть две записи A, которые необходимо добавить на страницу DNS регистратора, и в случае, если присутствует какая-либо другая запись A или AAAA, ее следует удалить.

Если мы просто попытаемся добавить две записи пользовательского домена, но только типа A, мы получим ошибку уже используется. Что мы можем сделать, так это обратиться к этой диаграмме. Вот как мы должны добавлять пользовательские записи ресурсов. Чтобы просмотреть эту таблицу для других регистраторов, щелкните здесь.

Вот как я это сделал. Чтобы убедиться, что все работает нормально, я добавил оба IP-адреса в запись типа A с host @ и www .

После того, как это будет сделано, вы можете нажать «Готово» в окне подключения домена, и в нем будет отображаться ожидающий статус, подобный этому.

Настройка может занять около 24 часов, но в моем случае это заняло всего два часа. После того, как соединение будет установлено, статус изменится с ожидающего на подключенный.

После того, как соединение будет установлено, вы можете нажать на лайк, чтобы посетить размещенный вами сайт. Здесь мы добавили ankitkumar.app и www.ankitkumar.app (здесь www. Это поддомен) к хостингу firebase одновременно, процесс ничем не отличается, вам просто нужно ввести www . на момент добавления домена и остальных тоже самое.

размещенный веб-сайт

Для получения дополнительной информации о добавлении личного домена в firebase, хостинг нажмите здесь.