플러터(Flutter) 웹(Web) 무료 배포(feat.CloudFlare)

덤벨개발자 2024. 9. 20. 16:00

티스토리 처음 가입해서 처음 써본건데 봇이라도 있나보다..

덧글과 공감은 쉴 새 없이 달리는데 조회수는 1에서 멈춰있다.

아마 덧글 봇 같은게 존재하는 것 같은데

기분은 좋으니 자기만족용으로 차단하지 않기로 했다(?)

이전 포트폴리오 제작 때 웹을 개발해서 배포하고 싶었다.

근데 Github로 배포하자니 Private로 배포가 불가능하고..

그렇다고 공개로 배포하자니 조금 마음에 걸렸다.

무료를 좋아하는 나로써 방법이 없을까 싶다가 찾은 글이

Cloudflare Pages에 Flutter 앱 배포하기

Cloudflare Page는 프론트엔드 프로젝트를 간편하게 배포할 수 있게 도와주는 플랫폼입니다. 빌드 명령어 프리셋으로 React, Vue 등 여러 프레임워크를 지원하고 있지만. Flutter Web은 지원되지 않습니다

tilnote.io

해당 게시글이었다. (물어보지 않고 갖고왔습니다 혹시나 문제되면 삭제하겠습니다.)

그러나 나는 누군가? 정말 자랑스러운 바보다.

그렇기에 포스팅대로 시도를 했으나 뭔가 자꾸 안되서 막히고 문제가 생겼었다.

그래서 그냥 간단하게 하기로 했는데

접속 후 대시보드에서 생성 클릭

생성 시 Workers 가 아닌 Pages 클릭 후 자산 업로드 누르셔서 진행하시면 된다.

이때 업로드할 파일은 Android Studio 기준 터미널에 아래 명령어 입력해주면 된다.

flutter build web --web-renderer html

이후 Project Folder - build - web 경로의 만들어진 이 web 폴더를 전체 업로드하면

정상적으로 배포가 완료된다.

DB테스트나 동적 테스트 혹은 특정 패키지가 안되는 문제까지는 못겪어봐서 확답은 못하지만

이 방식이면 웹 배포하는데 문제없지 않을까 싶다.

다음은 플러터에서 망할 클라우드플레어 R2 사용기이다.. 이거 하느라 이갈았었다.