DigitalOcean 애플리케이션 플랫폼을 사용하여 GitHub에서 정적 사이트를 배포하는 방법 [빠른 시작]

DigitalOcean 애플리케이션 플랫폼을 사용하여 GitHub에서 정적 사이트를 배포하는 방법 [빠른 시작]

2022-06-01 last update

5 minutes reading Quickstart DigitalOcean App Platform

소개


만약 로컬 환경에서 정적 사이트를 구축했다면, 다음 단계는 그것을 웹에 어떻게 발표할지 결정하는 것입니다.게시 사이트의 한 방법은 Digital OceanApp Platform을 통해 이를 응용 프로그램으로 배치하는 것이다. 이렇게 하면 개발자는 코드를 Digital Ocean 서버에 직접 발표할 수 있고 밑바닥 인프라 시설을 걱정할 필요가 없다.어플리케이션 플랫폼 제공free hosting for your first three static sites.
이 강좌에서는 GitHub 저장소의 App Platform을 사용하여 정적 웹 사이트를 배포합니다.이제 GitHub 저장소에 웹 사이트 파일을 호스팅해야 합니다.GitHub 저장소에서 파일을 호스팅하고 GitHub 계정을 만드는 방법에 대한 설명이 필요한 경우 자세한 설명How To Deploy a Static Website to the Cloud with DigitalOcean App Platform을 참조하십시오.이 강좌가 끝날 때, 당신은 이미 발표된 사이트를 가지고 GitHub 저장소와 App Platform에서 사이트를 클라우드에 배치하는 방법을 알아야 합니다.

선결 조건

  • GitHub 계정입니다.
  • GitHub 저장소에 있는 정적 웹 사이트의 파일입니다.또한 테스트 목적으로 저장소sample static website를 복제할 수도 있습니다.
  • Digital Ocean 클라우드 서비스의 신용카드 또는 베버 계정을 등록하는 데 사용됩니다.당신의 세 번째 사이트는 비용을 받지 않을 것입니다.
  • 1단계 - DigitalOcean 계정 만들기


    DigitalOcean 계정을 만들려면 sign up page에 액세스하여 다음 옵션을 선택합니다.
  • 이메일 주소 및 암호 입력
  • Google Single Sign-On 사용
  • GitHub 단일 로그인 사용
  • 전자 메일 주소와 암호를 사용하려면 전자 메일 주소를 확인하려면 등록된 후 자동으로 전자 메일에 전송되는 링크를 사용해야 합니다.
    신분을 확인하기 위해 지불 방식을 입력해야 합니다.스팸메일 발송자의 진입을 막는 필수 절차다.너는 고발당하지 않을 것이다.이 카드를 검증하는 데 사용할 임시 권한 수여 비용을 볼 수 있습니다. 이 비용은 일주일 안에 취소됩니다.
    계정을 검증하면 DigitalOcean App Platform 에 액세스할 수 있습니다.Digital Ocean 계정 등록에 대한 전체 설명서는 안내서Sign up for a DigitalOcean Account를 참조하십시오.
    이제 당신은 다음 단계를 계속할 수 있습니다.

    2단계 - DigitalOcean 애플리케이션 플랫폼을 사용하여 웹 사이트 배포


    이 단계에서 우리는 App Platform을 이용하여 정적 사이트를 배치할 것이다.
    먼저 DigitalOcean App Platform 포털에 액세스하고 파란색 "응용 프로그램 시작"단추를 누르십시오.

    다음 페이지에서 GitHub 저장소를 선택하라는 메시지가 표시됩니다.App Platform 계정을 GitHub 계정에 연결하지 않았으므로 GitHub 계정 링크 버튼을 클릭해야 합니다.

    그런 다음 로그인하지 않은 경우 GitHub 계정에 로그인하라는 메시지가 표시되고 App Platform에 연결할 계정을 선택합니다.선택하면 페이지로 안내되며, 이 페이지에서 App Platform에 액세스할 수 있는 저장소를 선택할 수 있습니다.저장소만 선택 버튼을 클릭하고 App Platform으로 전송할 저장소를 선택합니다.

    완료되면 웹 페이지 아래쪽에 있는 저장 버튼을 클릭합니다.이제 App Platform으로 부트되어 드롭다운 메뉴에서 저장소를 선택할 수 있어야 합니다.

    저장소를 선택한 후 다음을 클릭합니다.그런 다음 Autodeploy의 이름, 분기 및 옵션을 선택하라는 메시지가 표시됩니다.자동 배포 상자를 선택하면 저장소 파일에 대한 변경 사항이 즉시 실시간 사이트로 전송됩니다.선택하고 다음을 클릭합니다.

    다음은 응용 프로그램을 설정할 수 있는 페이지로 들어갈 것입니다.이 페이지에서는 자동으로 구성 요소 유형을 정적 사이트로 감지해야 합니다.

    이 페이지에서 변경할 필요가 없습니다.아래로 스크롤하고 페이지 아래쪽에 있는 파란색 단추'Next'(다음)를 클릭합니다.이 사이트를 무료 세 개의 정적 사이트 중 하나로 배치하려면 새 창으로 안내되어 초보자 계획을 선택할 수 있습니다.

    원하는 계획을 선택하고 시작 응용 프로그램 시작 단추를 누르십시오.응용 프로그램의 관리 페이지로 이동합니다.응용 프로그램 배치가 완료되면 "배치 성공!"을 보실 수 있습니다.메시지:
    .
    응용 프로그램 이름 아래의 링크도 페이지 맨 위에 표시됩니다.웹 사이트가 정상적으로 작동하는지 확인하려면 링크를 누르십시오.게시된 웹 사이트를 포함하는 새 웹 페이지로 안내해야 합니다.만약 웹 사이트가 나타나지 않았다면, 돌아가서 오류를 검사하십시오.
    정적 사이트는 현재 응용 프로그램 플랫폼을 통해 웹에 발표되어야 합니다.응용 프로그램 링크가 있는 사람은 누구나 당신의 사이트를 방문할 수 있습니다.사이트에 사용자 정의 도메인을 추가하려면 안내서 응용 프로그램 플랫폼 제품 설명서를 참조하십시오.

    결론


    이 강좌에서 정적 사이트를 GitHub에서 Digital Ocean 응용 프로그램 플랫폼으로 배치하는 방법을 배웠습니다.2단계에서 [푸시 자동 배포] 옵션을 선택하면 GitHub 저장소의 변경 사항이 사이트로 자동으로 전송됩니다.이 옵션을 선택하지 않으면 프로그램의 관리 페이지로 돌아가서 오른쪽 상단의'배치'단추를 누르면 변경 사항을 배치할 수 있습니다.
    App Platform에 대한 자세한 내용은 공식How To Manage Custom Domains과 App PlatformApp Platform product documentation을 참조하십시오.최대 3개의 무료 정적 사이트를 위탁 관리할 수 있다는 것을 기억하십시오.응용 프로그램을 삭제하려면 제품 설명서How To Manage Static Sites의 지침을 따릅니다.