기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.
오픈소스 어댑터 사용
Amplify Hosting과의 통합을 위해 만든 모든 SSR 프레임워크 빌드 어댑터를 사용할 수 있습니다. 어댑터가 제공되는 각 프레임워크에 따라 어댑터가 구성되고 빌드 프로세스에 연결되는 방식이 결정됩니다. 일반적으로 npm 개발 종속 항목으로 어댑터를 설치하게 됩니다.
프레임워크로 앱을 만든 후에는 프레임워크 설명서에 따라 Amplify Hosting 어댑터를 설치하고 애플리케이션의 구성 파일에서 어댑터를 구성하는 방법을 알아보세요.
다음으로, 프로젝트의 루트 디렉터리에 amplify.yml
파일을 생성합니다. amplify.yml
파일에서 baseDirectory
를 애플리케이션의 빌드 출력 디렉터리에 설정합니다. 프레임워크에서는 빌드 프로세스 중에 어댑터가 실행되어 출력이 Amplify Hosting 배포 번들로 변환됩니다.
빌드 출력 디렉터리의 이름은 무엇이든 상관없지만, .amplify-hosting
파일 이름은 중요합니다. Amplify에서는 먼저 baseDirectory
로 정의된 디렉터리를 찾습니다. 디렉터리가 있으면 Amplify에서는 거기에서 빌드 출력을 찾습니다. 디렉터리가 없으면 고객이 정의하지 않았더라도 Amplify가 .amplify-hosting
내부에서 빌드 출력을 찾습니다.
다음은 앱의 빌드 설정 예시입니다. 빌드 출력이 .amplify-hosting
폴더에 있다는 것을 나타내도록 baseDirectory
가 .amplify-hosting
으로 설정되어 있습니다. .amplify-hosting
폴더의 콘텐츠가 Amplify Hosting 배포 사양과 일치하기만 하면 앱이 배포됩니다.
version: 1 frontend: preBuild: commands: - npm install build: commands: - npm run build artifacts: baseDirectory: .amplify-hosting
프레임워크 어댑터가 사용되도록 앱을 구성한 후 Amplify Hosting에 배포할 수 있습니다. 자세한 지침은 Amplify에 SSR 앱 배포하기 단원을 참조하십시오.