Amplify Hosting을 통해 서버 측 렌더링 애플리케이션 배포 - AWS Amplify 호스팅
Amplify에 SSR 앱 배포

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

Amplify Hosting을 통해 서버 측 렌더링 애플리케이션 배포

AWS Amplify 를 사용하여 서버 측 렌더링()을 사용하는 웹 앱을 배포하고 호스팅할 수 있습니다SSR. Amplify Hosting에서는 Next.js 프레임워크를 사용하여 생성한 애플리케이션이 자동으로 감지되며 AWS Management Console에서 수동으로 구성할 필요가 없습니다.

또한 Amplify는 애플리케이션의 빌드 출력을 Amplify Hosting에서 기대하는 디렉터리 구조로 변환하는 오픈 소스 빌드 어댑터를 사용하여 모든 Javascript 기반 SSR 프레임워크를 지원합니다. 예를 들어 사용 가능한 어댑터를 설치하여 Nuxt, Astro 및 SvelteKit 프레임워크로 생성된 앱을 배포할 수 있습니다.

고급 사용자는 배포 사양을 사용하여 빌드 어댑터를 생성하거나 빌드 후 스크립트를 구성할 수 있습니다.

최소한의 구성으로 다음 프레임워크를 Amplify Hosting에 배포할 수 있습니다.

Next.js
Nuxt.js

  • Amplify는 사전 설정된 어댑터를 사용하여 Nuxt.js 애플리케이션 배포를 지원합니다. 시작하려면 Nuxt.js에 대한 Amplify 지원 섹션을 참조하십시오.

Astro.js

  • Amplify는 커뮤니티 어댑터를 사용하여 Astro.js 애플리케이션 배포를 지원합니다. 시작하려면 Astro.js에 대한 Amplify 지원 섹션을 참조하십시오.

SvelteKit

  • Amplify는 커뮤니티 어댑터를 사용하여 SvelteKit 애플리케이션 배포를 지원합니다. 시작하려면 에 대한 Amplify 지원 SvelteKit 섹션을 참조하십시오.

오픈 소스 어댑터
주제

Amplify에 SSR 앱 배포

다음 지침을 참조하여 Amplify에서 예상하는 빌드 출력에 부합하는 배포 번들과 모든 프레임워크로 만든 앱을 배포할 수 있습니다. Next.js 애플리케이션을 배포하는 경우 어댑터가 필요하지 않습니다.

프레임워크 어댑터를 사용하는 SSR 앱을 배포하는 경우 먼저 어댑터를 설치하고 구성해야 합니다. 지침은 모든 SSR 프레임워크에 오픈 소스 어댑터 사용 단원을 참조하십시오.

Amplify Hosting에 SSR 앱을 배포하려면

  1. 에 로그인 AWS Management Console 하고 Amplify 콘솔 을 엽니다.

  2. 모든 앱 페이지에서 새 앱 생성을 선택합니다.

  3. Amplify로 빌드 시작 페이지에서 Git 리포지토리 공급자를 선택하고 다음을 선택합니다.

  4. 리포지토리 브랜치 추가 페이지에서 다음을 수행하십시오.

    1. 연결할 리포지토리의 이름을 선택합니다.

    2. 연결할 리포지토리 브랜치의 이름을 선택합니다.

    3. Next(다음)를 선택합니다.

  5. 앱 설정 페이지에서 Amplify는 Next.js SSR 앱을 자동으로 감지합니다.

    다른 프레임워크에 어댑터를 사용하는 SSR 앱을 배포하는 경우 Amazon CloudWatch Logs를 명시적으로 활성화해야 합니다. 고급 설정 섹션을 연 다음 서버 측 렌더링(SSR) 배포 섹션에서 SSR 앱 로그 활성화를 선택합니다.

  6. 앱에는 Amplify가 에 로그를 전송하기 위해 수임하는 IAM 서비스 역할이 필요합니다 AWS 계정.

    서비스 역할을 추가하는 절차는 새 역할을 생성할지 아니면 기존 역할을 사용할지에 따라 달라집니다.

    • 새 역할을 생성하려면

      1. 새 서비스 역할 생성 및 사용을 선택합니다.

    • 기존 역할을 사용하려면

      1. 기존 역할 사용을 선택합니다.

      2. 서비스 역할 목록에서 사용할 역할을 선택합니다.

  7. Next(다음)를 선택합니다.

  8. 검토 페이지에서 저장 및 배포를 선택합니다.