Я всегда использовал 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, созданный для целей этого урока.