Як підключити власний домен до застосунку або сайту

Щоб підключити власний домен, ви купуєте його в реєстратора, додаєте запис DNS, який вказує на ваш хостинг, — зазвичай CNAME для піддомену на кшталт www або app, або запис A (чи ALIAS/flattened) для кореневого домену — а потім дозволяєте хостингу перевірити домен і видати сертифікат HTTPS. Зазвичай це займає хвилини, інколи довше. Більшість проблем спричиняє помилка в записі, неправильний тип запису або проксі перед хостингом.

Цей гід охоплює кожен крок, вибір між www і кореневим доменом та усунення несправностей. Концепції доменів описано в як працюють домени і DNS.

Складові

Реєстратор і DNS-провайдер часто є однією компанією, але не обов'язково. Головне питання: де ви редагуєте DNS для цього домену? Саме там ви додаватимете записи.

Крок 1: Купіть домен

Поради щодо вибору й купівлі:

• Тримайте його коротким і легким для диктування. Якщо доводиться пояснювати написання, виберіть інше.
• .com — це типовий вибір, який люди вгадують, але національні та новіші закінчення (.io, .app, .co.uk) теж підходять, якщо відповідають вашій аудиторії.
• Перевірте ціну продовження, а не лише ціну першого року. Вступні знижки поширені, а продовження може коштувати дорожче.
• Увімкніть автоматичне продовження і стежте, щоб картка для оплати була чинною. Прострочений домен вимикає ваш сайт і пошту, а після пільгового періоду його може купити хтось інший.
• Використовуйте приватність WHOIS, якщо її пропонують, щоб ваші особисті дані не публікувалися.
• Купуйте в обліковому записі, яким керуєте ви, а не фрилансера чи агенції.

Деякі хостинги й конструктори застосунків дозволяють купити домен прямо всередині продукту, що також автоматично налаштовує DNS.

Крок 2: Визначте адресу

Піддомен чи кореневий домен

• Кореневий (apex) домен: example.com
• Піддомен: www.example.com, app.example.com

Поширена схема: маркетинговий сайт на example.com або www.example.com, а продукт — на app.example.com. Для одного сайту оберіть між www і коренем.

Стандарт DNS не дозволяє CNAME на корені домену, бо корінь має містити інші записи (наприклад, записи nameserver). Багато DNS-провайдерів обходять це спеціальним типом запису — залежно від провайдера його називають ALIAS, ANAME або CNAME flattening, — який поводиться як CNAME на корені. Якщо у вашого провайдера його немає, надійний підхід такий: відкривайте сайт на www і налаштуйте перенаправлення з кореня на www у DNS-провайдера або реєстратора.

Що б ви не обрали, зробіть одну основну адресу, а іншу перенаправте на неї. Якщо обидві відкриваються з тим самим вмістом без перенаправлення, це плутає і користувачів, і пошукові системи. Чому єдина канонічна адреса важлива, див. SEO для сайтів, створених за допомогою ШІ.

Крок 3: Додайте записи DNS

Ваш хостинг скаже вам точно, що додати. Це виглядатиме як один із цих варіантів:

Як заповнити форму у більшості DNS-провайдерів:

• Ім'я / Host: лише частина піддомену — www, а не www.example.com. Деякі провайдери додають домен самі, і якщо ввести його повністю, вийде www.example.com.example.com. Використовуйте @ для кореня, якщо так прийнято у вашого провайдера.
• Значення / Ціль: вставте саме те, що показує хостинг. Крапка в кінці допустима, якщо провайдер її додає сам.
• TTL: стандартне значення підходить. Менший TTL (наприклад, 5 хвилин) робить майбутні зміни видимими швидше.
• Проксі: якщо ваш DNS-провайдер може проксіювати трафік (хмарка Cloudflare, наприклад), дотримуйтеся інструкцій хостингу. Багатьом хостингам потрібен режим «лише DNS», щоб видати сертифікат.

Не чіпайте наявні записи, якщо хостинг прямо не скаже це зробити. Зокрема, не торкайтеся записів MX — вони доставляють вашу пошту. Видалення чи зміна їх — найпоширеніший спосіб зламати пошту під час зміни домену.

Зміна nameservers чи додавання записів

Деякі хостинги пропонують два варіанти: додати запис або перенести DNS усього домену до себе, змінивши nameservers у реєстратора. Зміна nameservers переносить кожен запис, зокрема пошту. Робіть це, лише якщо готові відтворити всі наявні записи у новому провайдері. Додавання одного запису має менший ризик.

Крок 4: Перевірте і увімкніть HTTPS

Коли запис додано, поверніться до свого хостингу і натисніть кнопку перевірки. Хостинг перевіряє DNS, потім запитує сертифікат — зазвичай у безкоштовного центру сертифікації, як-от Let's Encrypt — і починає віддавати ваш сайт через HTTPS.

• Перевірка може пройти не з першої спроби, поки зміни DNS поширюються.
• Сертифікати оновлюються автоматично, доки запис DNS залишається на місці.
• Якщо у вашого домену є записи CAA (які обмежують, які центри сертифікації можуть видавати для нього сертифікати), переконайтеся, що вони дозволяють центр вашого хостингу, інакше видача не вдасться.

Коли HTTPS працює, переконайтеся, що http:// перенаправляє на https://. Більшість хостингів роблять це автоматично.

Крок 5: Перевірте

• https://www.example.com відкриває ваш сайт із значком замка
• Інший варіант (корінь або www) перенаправляє на основну адресу
• http:// перенаправляє на https://
• Вхід, OAuth-авторизація і перенаправлення після оплати працюють на новому домені (часто в них є списки дозволених URL, які ще вказують на стару адресу)
• Пошта на вашому домені досі приходить
• Посилання в листах, які надсилає ваш застосунок, ведуть на новий домен

Четвертий пункт часто пропускають: вхід через Google, вебхуки Stripe і посилання для скидання пароля налаштовані на конкретні URL. Додайте новий домен усюди, де був старий. Про OAuth-частину див. як додати вхід до застосунку.

Усунення несправностей

Безкоштовний онлайн-інструмент для перевірки DNS або команда dig www.example.com у терміналі показують, що зараз бачить світ для вашого запису. Це корисно, щоб зрозуміти, чи проблема в DNS, чи в хостингу.

Підключення власного домену в Mythex

Власні домени на Mythex — функція тарифу Pro. Безкоштовні тарифи публікують проєкти за адресою yourname.mythex.app. На Pro можна:

• Купити домен всередині Mythex у розділі Domains у налаштуваннях або в Publish → Custom domain на опублікованому проєкті. Mythex реєструє домен і налаштовує DNS; реєстрацію оплачують окремо від тарифу Pro, а автоматичне продовження увімкнено за замовчуванням.
• Підключити домен, який ви вже маєте. Опублікуйте проєкт, виберіть Connect, введіть імені хоста (наприклад, app.example.com), а потім додайте CNAME у вашого DNS-провайдера, що вказує на ціль, яку показує Mythex (yourslug.mythex.ai). Натисніть Verify. HTTPS видається автоматично.

Якщо ваш DNS на Cloudflare, встановіть цей CNAME у режим DNS only (сіра хмарка), а не через проксі. Для кореневого домену документація радить використовувати www або app і перенаправляти корінь у DNS-провайдера, якщо той не підтримує ALIAS чи flattening.

Повні кроки та усунення несправностей — у Custom domains в документації, а що входить до Pro, див. у Plans. Перш ніж вказувати домен на застосунок, варто пройти як перевести прототип ШІ у продакшен.

Запитання