[024] 플러터 (Flutter) Tip - Flutter Web(웹) AWS Amplify로 배포하기

안녕하세요~ totally 개발자입니다.

 

Flutter로 이미 개발된 앱 코드를 웹으로도 배포하고 싶을 때 AWS를 사용 중이시라면 AWS Amplify를 이용하면 비교적 간단하게 배포할 수 있는데 이 방법에 대해 살펴보도록 하겠습니다.

 

Step 1: 해당 방법은 Github 브랜치를 사용해서 배포할 것이기 때문에 Git 연동은 이미 되어 있어야 합니다.

.gitignore 파일을 열어서 build 폴더가 적혀 있다면 그 build 부분을 빼줍니다. (이 빌드 폴더를 AWS Amplify에서 사용하기 때문)

 

Step 2: flutter build web 명령어를 입력해서 웹용으로 빌드해줍니다 (렌더링 옵션에 따라 flutter build web --web-renderer html --release 같은 명령어로 빌드하셔도 됩니다)

 

Step 3: AWS Amplify에 접속하시고 브랜치 선택 및 기본적인 부분 연동을 모두 완료해줍니다. (디폴트 설정대로 쭉 진행하시면 됩니다)

기본 세팅이 모두 완료된 다음 호스팅 영역을 다음과 같이 변경해줍니다.

 

Step 4: 에디터로 돌아오셔서 수정된 파일들 Commit 진행해주시고, 푸시해주시면 AWS Amplify에서 자동 빌드 및 배포가 됩니다.