Netlify를 사용하여 하위 도메인에서 Git 저장소를 호스팅하는 방법

www.glynlewington.comNetlify에서 호스팅되는 , 같은 포트폴리오가 있고 프로젝트를 동일한 도메인에 추가하려고 한다고 가정 해 보겠습니다 . 그들은 모두 별도의 git 저장소이며 Netlify는 단일 저장소에서 호스팅하도록 만들어졌습니다.하지만 두려워하지 마십시오! project.glynlewington.com약간의 작업만으로 하위 도메인에서 호스팅 할 수 있습니다 .

Netlify를 사용하면 정적 사이트를 무료로 쉽게 호스팅 할 수 있습니다. 나는 최근에 VPS에서 그들에게 내 포트폴리오를 옮겼고, git 저장소로 푸시 할 때마다 자동으로 사이트를 업데이트한다는 것이 좋습니다.

과거에는 모든 개인 프로젝트가 하위 디렉토리 (예 : www.glynlewington.com/project. 이것은 Netlify에서 어렵거나 불가능합니다. Netlify는 대부분 하나의 git 저장소에서 하나의 사이트에 모든 것을 호스팅하도록 설정되어 있습니다.

내가 찾은 타협은 대신 project.glynlewington.com. 이것은 또한 잘 문서화되지 않았지만 가능합니다.

  • www.netlify.com으로 이동하여 로그인하거나 가입하십시오.
  • “새 사이트 from git”을 선택합니다.
  • 공급자 선택 (예 : GitHub) — 여기서 인증해야 할 수 있습니다.
  • 사이트를 만들려는 git 저장소를 선택합니다.
  • 배포 할 지점을 선택합니다.
  • 실행해야하는 명령을 선택하십시오. — React 앱인 경우 빌드 명령을 실행해야합니다.
  • 게시 할 디렉토리를 선택하십시오. index.html과 같은 파일이 포함됩니다. — React 앱인 경우 아마도 빌드 폴더가 될 것입니다.
  • “Build Site”를 선택합니다.

이 시점에서 .NET Framework와 같은 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 보안을 자동으로 추가하므로 걱정할 필요가 없습니다.