Як розмістити сховище Git на піддомені за допомогою Netlify

Скажімо, у вас є портфоліо, наприклад www.glynlewington.com, розміщене на Netlify і ви хочете додати свої проекти в той самий домен. Всі вони є окремими сховищами git, і Netlify створений для хостингу з одного сховища ... але не бійтеся! Ми можемо розмістити їх на субдоменах, як project.glynlewington.comлише трохи попрацювавши.

Netlify дозволяє надзвичайно легко розміщувати на них ваші статичні сайти безкоштовно. Нещодавно я переніс своє портфоліо з VPS на них, і чудово, що вони автоматично оновлюють ваш сайт кожного разу, коли ви натискаєте на своє сховище git.

Раніше у мене всі особисті проекти також розміщувались у підкаталогах, наприклад www.glynlewington.com/project. З Netlify це або важко, або неможливо. Netlify в основному налаштований для того, щоб розміщувати все на одному веб-сайті з одного сховища git.

Компроміс, до якого я прийшов, - це розміщення їх на субдоменах, наприклад project.glynlewington.com. Це також не дуже добре задокументовано, але це можливо.

  • Зайдіть на www.netlify.com та ввійдіть або зареєструйтесь.
  • Виберіть “Новий сайт із git”.
  • Виберіть свого провайдера (наприклад, GitHub) - Вам, можливо, доведеться авторизуватися тут.
  • Виберіть сховище git, з якого ви хочете створити сайт.
  • Виберіть гілку, з якої потрібно розгорнути.
  • Виберіть будь-які команди, які потрібно виконати. - Якщо це програма React, вам потрібно буде запустити команду збірки.
  • Виберіть каталог, з якого ви будете публікувати. Він міститиме такі файли, як index.html. - Якщо це програма React, це, мабуть, буде папкою збірки.
  • Виберіть “Створити сайт”.

На цьому етапі у вас повинна бути функціонуюча програма, розміщена на безкоштовному домені Netlify, наприклад //hungry-bose-fb0e6d.netlfiy.com. Якщо це не працює, перевірте, чи немає помилок у процесі збірки, і виправте їх, якщо такі є.

Тепер налаштуйте власний домен.

  • Зайдіть в огляд програми на Netlify.
  • Буде сказано, що ваш сайт успішно розгорнуто, і ви можете налаштувати власний домен.
  • Клацніть на налаштування власного домену, введіть потрібний домен, включаючи субдомен, і натисніть підтвердити. Напр project.glynlewington.com.

Далі увійдіть до свого провайдера хостингу доменів. Я використовую Cloudflare, але він буде однаковим або подібним, використовуючи інші.

  • Перейдіть до налаштувань DNS.
  • Виберіть новий запис CNAME.
  • Введіть "Ім'я" - це субдомен, він повинен бути тим самим, який ви вибрали раніше на Netlify. Напрproject
  • У розділі “Адреса IPv4” введіть безкоштовний домен для вашого сайту Netlify. Напр hungry-bose-fb0e6d.netlify.com.
  • Якщо ви також використовуєте Cloudflare, вимкніть маршрутизацію трафіку через Cloudflare. Це псує Netlify.
  • Додати запис.

Готово! Після цього ви зможете отримати доступ до свого веб-сайту в субдомені.

Netlify також автоматично додасть захист https до вашого веб-сайту, про це не потрібно турбуватися.