Cara mengehoskan repositori Git pada subdomain dengan Netlify

Katakan anda mempunyai portfolio anda, seperti www.glynlewington.com, dihoskan di Netlify dan ingin menambahkan projek anda ke domain yang sama. Semuanya adalah git repositori yang terpisah dan Netlify dibuat untuk hosting dari satu repositori ... tetapi jangan takut! Kami boleh mengehoskannya di subdomain seperti project.glynlewington.comhanya dengan sedikit kerja.

Netlify menjadikannya sangat mudah untuk menghoskan laman web statik anda secara percuma. Saya baru-baru ini memindahkan portfolio saya dari VPS kepada mereka, dan sangat bagus apabila mereka mengemas kini laman web anda secara automatik setiap kali anda masuk ke git repositori anda.

Pada masa lalu, saya mempunyai semua projek peribadi saya yang dihoskan di subdirektori, misalnya www.glynlewington.com/project. Ini sama ada sukar atau mustahil dengan Netlify. Netlify kebanyakannya disediakan untuk anda menghoskan semua perkara dalam satu laman web dari satu git repositori.

Kompromi yang saya sampaikan adalah mengehoskannya di subdomain, seperti project.glynlewington.com. Ini juga tidak didokumentasikan dengan baik tetapi mungkin.

  • Pergi ke www.netlify.com dan log masuk atau mendaftar.
  • Pilih "Laman web baru dari git".
  • Pilih pembekal anda (mis. GitHub) - Anda mungkin perlu mengesahkannya di sini.
  • Pilih git repositori dari mana anda mahu membuat laman web.
  • Pilih cawangan yang ingin anda gunakan.
  • Pilih arahan yang perlu dijalankan. - Sekiranya ia adalah aplikasi React, anda perlu menjalankan perintah build.
  • Pilih direktori yang akan anda terbitkan. Ia akan mengandungi fail seperti index.html. - Sekiranya ia adalah aplikasi React, ini mungkin merupakan folder build.
  • Pilih "Bina Laman".

Pada ketika ini, anda seharusnya mempunyai aplikasi berfungsi yang dihoskan di domain percuma Netlify seperti //hungry-bose-fb0e6d.netlfiy.com. Sekiranya ini tidak berfungsi, periksa bahawa tidak ada kesalahan dengan proses bina dan perbaiki jika ada.

Sekarang untuk menyediakan domain tersuai.

  • Pergi ke ikhtisar aplikasi anda di Netlify.
  • Ini akan mengatakan bahawa laman web anda berjaya disebarkan dan anda boleh menyiapkan domain khusus.
  • Klik untuk menyiapkan domain khusus, ketik domain yang anda mahukan, termasuk subdomain, dan klik sahkan. Cth project.glynlewington.com.

Seterusnya, log masuk ke penyedia hosting domain anda. Saya menggunakan Cloudflare tetapi ia akan sama atau serupa dengan yang lain.

  • Pergi ke tetapan DNS.
  • Pilih rekod CNAME baru.
  • Masukkan "Nama" - ini adalah subdomain, harus sama dengan yang anda pilih sebelumnya di Netlify. Cthproject
  • Di bawah "Alamat IPv4" masukkan domain percuma untuk laman Netlify anda. Cth hungry-bose-fb0e6d.netlify.com.
  • Sekiranya anda juga menggunakan Cloudflare, matikan peralihan lalu lintas melalui Cloudflare. Ini merosakkan dengan Netlify.
  • Tambah rekod.

Selesai! Setelah melakukan ini, anda boleh mengakses laman web anda di subdomain.

Netlify juga akan menambahkan keselamatan https ke laman web anda secara automatik, tidak perlu risau tentang perkara ini.