~/VibeHandbook
PDF бесплатно

Глава 16 · 02

Кастомные домены и DNS

вида *.workers.dev или *.vercel.app годится для тестов, но вы хотите своё имя. Поток действий:

  1. Купите домен (Namecheap, Cloudflare Registrar, Porkbun — выберите один).
  2. Направьте его на ваш хостинг. Обычно это означает добавление записи CNAME или A либо полную смену неймсерверов домена.
  3. Добавьте домен в панели управления хостинга и дайте ему автоматически выпустить SSL-сертификат (цифровое удостоверение личности, доказывающее, что сайт действительно ваш, включающее замочек и — защищённую, зашифрованную версию протокола передачи данных в вебе).

Быстрая ментальная модель, чтобы записи перестали казаться магией: запись A указывает имя прямо на IP-адрес; CNAME указывает одно имя на другое имя (удобно, когда IP хостинга может смениться без вашего ведома); а неймсерверы передают весь домен провайдеру, чтобы он управлял каждой записью за вас. Большинство современных хостингов предпочитают либо CNAME, либо полный переход на их неймсерверы — они хотят сами управлять SSL-сертификатом и edge-маршрутизацией.

Вот вся цепочка, которую проходит запрос посетителя, и где в ней живёт каждая настроенная вами часть:

  юзер вводит
  yourdomain.com
       │
       ▼
 ┌───────────┐   "какой IP у        ┌──────────────┐
 │  БРАУЗЕР  │── yourdomain.com?" ──▶│     DNS      │  ← твоя A / CNAME
 │           │◀── вот IP ────────────┤ (регистратор)│     запись сюда
 └─────┬─────┘                       └──────────────┘
       │  HTTPS-запрос на этот IP
       ▼
 ┌───────────┐   ← SSL-сертификат
 │   ХОСТ    │     подтверждает: сайт твой
 │ (CF/Vercel)│
 └─────┬─────┘
       │  маршрут к
       ▼
 ┌───────────┐
 │ ТВОЁ ПРИЛ │  отдаёт страницу
 └───────────┘

DNS — самая запутанная часть для новичков, в основном из-за жаргона и задержек распространения. Пусть AI переведёт. Спросите: «Мой домен зарегистрирован на Namecheap, а хостинг — на Cloudflare Pages. Проведи меня в точности по тому, какие записи добавить, с какими значениями и как проверить, что всё сработало». Затем сами проверьте результат быстрой проверкой, а не просто обновляя браузер:

# Посмотрите записи, которые мир видит на самом деле
dig yourdomain.com
nslookup yourdomain.com

# Убедитесь, что сертификат живой и не просрочен
curl -I https://yourdomain.com

Изменения DNS могут распространяться от нескольких минут до суток, и кэш вашего собственного браузера — худший лжец из всех: он с радостью покажет вам устаревший ответ ещё долго после того, как остальной интернет обновился. Если оно не заработало сразу — это нормально: проверьте с телефона по мобильным данным или используйте онлайн-чекер «распространения DNS», прежде чем предполагать, что что-то сломано.

Хотите офлайн-версию?

Скачайте всю книгу в PDF или EPUB — бесплатно.