AWS Amplify 호스팅에 오신 것을 환영합니다 - AWS Amplify 호스팅

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

AWS Amplify 호스팅에 오신 것을 환영합니다

AWS Amplify는 프런트엔드 웹 및 모바일 개발자가 AWS에서 풀스택 애플리케이션을 빠르고 쉽게 구축할 수 있도록 특별히 제작된 도구 및 기능 세트입니다. Amplify는 Amplify Hosting 및 Amplify Studio라는 두 가지 서비스를 제공합니다. Amplify Hosting은 지속적인 배포로 풀스택 서버리스 웹 앱을 호스팅하기 위한 Git 기반 워크플로를 제공합니다. 이 사용 설명서는 Amplify Hosting을 시작하는 데 필요한 정보를 제공합니다.

Amplify Hosting 기능

  • Amplify Hosting은 React, Angular, Vue.js, Ionic, Ember와 같은 일반적인 SPA 프레임워크는 물론 개츠비, 일레븐티, 휴고, 지킬과 같은 정적 사이트 생성기를 지원합니다. VuePress

  • 새로운 브랜치를 연결하여 프런트엔드 및 백엔드용 프로덕션 및 스테이징 환경을 관리합니다. 기능 브랜치 배포를 참조하세요.

  • 애플리케이션을 사용자 지정 도메인에 연결합니다. 사용자 지정 도메인 설정을 참조하세요.

  • SSR 웹 앱을 배포하고 호스팅하세요. Amplify 호스팅은 Next.js 프레임워크를 사용하여 만든 애플리케이션을 자동으로 탐지합니다.

    Amplify에서는 애플리케이션의 빌드 출력을 Amplify Hosting에서 예상하는 디렉터리 구조로 변환하는 오픈 소스 빌드 어댑터가 있는 Javascript 기반 SSR 프레임워크도 지원됩니다. 어댑터를 사용하여 Nuxt 애플리케이션을 Amplify에 배포할 수 있습니다.

  • 풀 요청 미리 보기를 설정하여 코드 검토 중에 변경 사항을 미리 볼 수 있습니다.

  • 엔드 투 엔드 테스트로 앱 품질을 개선합니다. 테스트를 참조하십시오. end-to-end

  • 암호로 웹 애플리케이션을 보호하므로 공개적으로 액세스할 수 없어도 새로운 기능을 사용할 수 있습니다. 액세스 제한을 참조하세요.

  • 다시 쓰기 및 리디렉션을 설정하여 SEO 순위를 유지하고 클라이언트 앱 요구 사항에 따라 트래픽을 라우팅합니다. 리디렉션 사용을 참조하세요.

  • 원자 배포는 전체 배포가 완료된 후에만 웹 애플리케이션이 배포되도록 함으로써 유지 관리 기간을 없앱니다. 이렇게 하면 파일을 제대로 업로드하지 못하는 시나리오가 제거됩니다.

Amplify Hosting 시작하기

Amplify의 호스팅 기능을 시작하려면 기존 코드로 시작하기 튜토리얼을 참조하세요. 튜토리얼을 완료한 후에는 git 리포지토리 (GitHub, BitBucket Cloud GitLab, 및AWS CodeCommit) 를 연결하여 지속적 배포를 설정할 수 있습니다. 또는 풀스택 지속적 배포 샘플 중 하나를 사용하여 시작할 수도 있습니다.

Amplify Studio

AWS Management Console의 AWS Amplify 콘솔에서 Amplify Studio에 액세스할 수 있습니다. Amplify Studio는 확장 가능한 풀스택 웹 및 모바일 앱의 생성을 간소화하는 시각적 개발 환경입니다. Studio를 사용하여 ready-to-use UI 구성 요소 집합으로 프런트엔드 UI를 빌드하고 앱 백엔드를 만든 다음 이 둘을 연결합니다. Amplify 문서에서 Amplify Studio 사용 설명서를 참조하세요.

Amplify Studio 기능

  • 시각적 데이터 모델링을 사용하면 클라우드 인프라 대신 도메인별 객체에 집중할 수 있습니다.

  • 앱에 인증을 설정합니다.

  • 강력하고 이해하기 쉬운 인증을 설정합니다.

  • 를 사용하여 모든 nfrastructure-as-code 백엔드 기능을 구성합니다. AWS CloudFormation

  • Amplify 명령줄 인터페이스(CLI)와 함께 작동합니다. Studio에서 수행한 모든 업데이트를 CLI로 가져올 수 있습니다.

  • 이메일을 통해 사용자를 초대하여 백엔드를 구성하고 관리합니다. 또한 이러한 사용자는 이메일을 사용하여 Amplify CLI에 로그인할 수 있습니다.

  • 마크다운 지원을 통해 콘텐츠를 관리합니다.

  • 앱의 사용자 및 그룹을 관리합니다.

  • Studio의 비주얼 디자이너를 사용하여 프런트엔드 UI 구성 요소를 빌드할 수 있습니다. 사전 빌드된 UI 구성 요소 라이브러리의 수십 가지 디자인 중에서 선택할 수 있습니다.

  • 디자이너가 만든 Figma 프로토타입을 React 코드로 Studio에 가져올 수 있습니다.

  • 테마로 프런트엔드 UI를 사용자 지정하여 앱의 구성요소에 글로벌 스타일을 적용할 수 있습니다.

  • Studio 내에서 UI 구성 요소를 직접 구성하고 테스트하여 데이터가 업데이트되고 표시되는 방식을 확인할 수 있습니다.

  • 간단한 몇 단계만 거치면 클라우드에 연결된 백엔드를 프런트엔드 UI에 바인딩할 수 있습니다.

Amplify Studio 시작하기

AWS 계정 없이도 Studio를 사용하여 백엔드를 만들 수 있습니다. AWS 계정이 없다면 로컬에서 백엔드용 데이터 모델링을 시작할 수 있습니다.

AWS 계정이 있다면 백엔드 환경 관리를 위한 확장된 Studio 기능 세트와 앱의 백엔드에 연결할 수 있는 프런트엔드 UI 구성 요소를 생성하기 위한 비주얼 디자이너에 액세스할 수 있습니다. 자세한 내용은 Amplify 문서의 시작하기를 참조하세요.

최신 SPA 웹 애플리케이션

이 사용 설명서는 최신 단일 페이지 웹 애플리케이션(SPA)에 대한 기본적인 이해가 있는 고객을 대상으로 합니다. 현대식 모바일 웹 애플리케이션은 모든 애플리케이션 구성 요소를 정적 파일로 패키징하는 SPA로 구성됩니다. 기존 클라이언트 서버 웹 아키텍처는 좋지 않은 경험을 초래했습니다. 버튼을 클릭하거나 검색할 때마다 서버를 왕복하고 전체 애플리케이션을 다시 렌더링해야 했습니다. 최신 웹 앱은 페이지를 다시 로드하지 않고도 백엔드 기능을 호출할 수 있는 사전 빌드된 HTML/ JavaScript 파일로 앱 프런트엔드 또는 사용자 인터페이스를 브라우저에 효율적으로 제공하여 앱과 유사한 네이티브 사용자 경험을 제공합니다.

현대식 웹 애플리케이션 기능은 데이터베이스, 인증 서비스, 브라우저에서 실행되는 프런트엔드 코드 및 백엔드 비즈니스 로직 또는 클라우드에서 실행되는 AWS Lambda 함수와 같이 여러 장소에 분산되어 있습니다. 이로 인해 개발자는 애플리케이션 배포가 부분적으로 이루어지거나 실패하지 않도록 프런트엔드와 백엔드 전반에 걸쳐 배포를 신중하게 조정해야 할 때 애플리케이션 배포가 복잡해지고 시간이 오래 걸립니다. Amplify는 단일 워크플로에서 프런트엔드 및 백엔드의 배포를 단순화합니다.