Я всегда использовал Google Domains с Netlify для размещения своих веб-проектов. К сожалению, Google продала часть своего бизнеса, связанную с доменами, компании Squarespace, а это означает, что мне (или нам) нужно снова научиться играть с настройками DNS.

Я обнаружил, что не существует конкретной документации Squarespace ‹› Netlify и множества различных потенциальных решений, поэтому это послужит руководством для всех, кто переходит с Google Domains на Squarespace Domains, или для тех, кто делает это для первый раз.

Прежде чем мы начнем:

Это руководство предназначено для пользователей, которые хотят разместить свой простой проект React в личном домене. Netlify — отличный бесплатный ресурс для размещения фронтенд-проектов! Если у вас есть БД или бэкэнд, который вам нужно разместить, вы можете бесплатно попробовать Железную дорогу или Рендеринг.

Как Google/Squarespace справится с перемещением существующих проектов, до сих пор остается загадкой — они могут обрабатывать настройки DNS для существующих проектов, но это будет полезно знать на случай, если вам понадобится выполнить некоторую ручную настройку самостоятельно.

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

Создайте свой проект React

Я не буду углубляться в это, но создайте свое React-приложение любым удобным для вас способом. Я использую Create React App, но, конечно, вы можете создать свой проект и другими способами.

Подключиться к Нетлифай

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

Купить домен на Squarespace

Перейдите в раздел Домены Squarespace и найдите свой домен. Все они кажутся более дорогими, чем предыдущие домены, которые я купил у Google, но я думаю, это шоу-бизнес, детка.

Добавьте настройки DNS

Это шаг, который меня замедлил, поскольку он сильно отличался от процесса Google Domains.

1- Обновите настройки DNS в менеджере домена Squarespace.

Найдите нужный домен и нажмите EDIT DNS в правом верхнем углу, это приведет вас к настройкам DNS.

Если вы попытаетесь добавить новую пользовательскую запись DNS сейчас, вы получите общую ошибку:

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

2- Направьте свой собственный домен на Netlify.

Теперь, когда вы удалили все существующие записи, вы можете добавить пользовательскую запись, указывающую на Netlify (источник):

Хозяин: www

Тип: CNAME

Приоритет: (оставьте это поле пустым)

Данные: apex-loadbalancer.netlify.com

Альтернативно вы можете установить запись A:

Хозяин: @

Тип: A

Приоритет: (оставьте это поле пустым)

Данные: 75.2.60.5

(Необязательно) Удалите префикс www.

Если вы хотите, чтобы ваш сайт отображался как: `coffee-fix.net`

Перейдите на главную страницу настроек домена в Squarespace и найдите Advanced Settings. Выключите Use "www" prefix, если хотите использовать этот параметр (это будет настройка по умолчанию в Netlify).

Если вы хотите использовать версию www. своего приложения в качестве основного URL-адреса, вы можете обновить настройки своего домена в приложении Netlify, чтобы сделать ее версией по умолчанию.

Добавьте собственный домен в свое приложение Netlify.

В разделе Site Configuration вашего приложения на Netlify перейдите к Add Custom domain to your site и введите недавно приобретенный URL-адрес. Если вы правильно обновили настройки DNS, вы сможете без проблем переходить по Verify и Add Domain.

На этом этапе ваш сайт может быть запущен! Или вы можете увидеть Awaiting External DNS в настройках вашего домена Netlify.

Если вы выполнили все предыдущие шаги, вы сможете перейти к предоставлению сертификата без каких-либо дальнейших изменений:

Если вы по-прежнему получаете ошибки, дайте им время — для распространения этих шагов может потребоваться время (потенциально 72 часа).

Вот и все!

Теперь вам просто нужно дождаться распространения сайта, и у вас будет новый блестящий проект! Некоторые шаги (например, проверка сертификата SSL) могут оказаться невозможными в течение 72-часового периода ожидания, поэтому, если у вас возникли проблемы, подождите несколько дней, прежде чем повторить попытку.

Поиск неисправностей

Вот некоторые проблемы, с которыми я столкнулся на этом пути:

1. Не удалось добавить новые настройки DNS в Squarespace.

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

Решение. Удалите настройки по умолчанию (шаги выше).

2. Не удалось настроить пользовательские настройки DNS в Netlify.

Проблема: не удалось подтвердить личный домен, поскольку DNS Zone был тот же. Вот как я привык настраивать собственные домены с помощью Netlify с помощью Google Domains.

Решение. Убедитесь, что вы обновили настройки DNS в Squarespace, прежде чем пытаться подключить их в приложении Netlify. Как только вы укажете источник Netlify из приложения Squarespace, вы не должны увидеть эту ошибку.

3- Ошибка конфиденциальности при переходе на веб-сайт.

Проблема. При запуске сайта появляется сообщение об ошибке конфиденциальности.

Решение: Просто дайте ему время. Для пользовательских доменов требуется процедура проверки, которая может занять до 72 часов. Пока это происходит, вы можете ожидать появления Awaiting External DNS в настройках домена вашего приложения netlify.

Время для кофе

Надеюсь, вы нашли это полезным! Если вы заинтересованы в приготовлении эспрессо, вы можете проверить этот новый сайт coffee-fix.net, созданный для целей этого урока.