/No-Code Development Agency

FlutterFlow의 내장 배포 기능을 어떻게 사용하나요?

FlutterFlow의 내장 배포 기능을 활용하여 앱 실행 프로세스를 간소화하는 방법을 배우세요. 설정, Firebase 통합, APK/IPA 파일 빌딩 등이 포함됩니다.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

FlutterFlow의 내장 배포 기능을 어떻게 사용하나요?

소개

FlutterFlow는 Flutter에서 앱을 빌드하는 프로세스를 간소화하기 위해 설계된 플랫폼입니다. Firebase 및 Apple App Store 또는 Google Play Store에서 앱을 배포하기 위해 FlutterFlow의 내장 배포 기능을 어떻게 사용하는지 알아봅시다.


1단계: 설정

FlutterFlow에서 프로젝트를 설정하여 시작하십시오. 필요한 대로 드롭 및 드래그, 로직 및 데이터베이스 기능을 사용하여 앱을 설계합니다. 앱이 완성되고 배포할 준비가 되면 다음 단계로 넘어갑니다.


2단계: 프로젝트 다운로드

응용 프로그램을 배포하려면 먼저 소스 코드를 다운로드해야 합니다. FlutterFlow 인터페이스에서 오른쪽 상단에 있는 Download Code 버튼을 클릭한 다음 Download Source Code를 선택합니다. 이렇게 하면 프로젝트에 관련된 모든 코드와 파일이 들어 있는 압축 폴더를 얻게 됩니다. 압축된 파일을 컴퓨터의 별도 폴더에 추출합니다.


3단계: Firebase 설정

배포하기 전에 Firebase 프로젝트가 준비되어 있는지 확인하십시오:

  • Firebase 웹사이트를 방문하고 로그인합니다.
  • Add Project를 클릭하여 새 Firebase 프로젝트를 만듭니다.
  • 마법사를 따라 Firebase Hosting을 활성화하십시오.
  • 완료되면 Firebase 프로젝트 대시보드로 자동 이동됩니다.

4단계: Firebase를 FlutterFlow에 연결

다음으로 Firebase 프로젝트를 FlutterFlow에 연결합니다:

  • Firebase 콘솔 왼쪽 상단의 톱니바퀴를 클릭하여 Firebase 프로젝트 설정으로 이동합니다.
  • Firebase 프로젝트 대시보드에서 Firebase SDK snippet를 찾아 복사합니다.
  • FlutterFlow 대시보드로 돌아가 설정 아이콘을 클릭합니다.
  • 복사한 Firebase SDK snippetApp Settings > Firebase Configuration 아래 필드에 붙여 넣습니다.
  • 변경 사항을 저장합니다.

5단계: Firebase에 배포

FlutterFlow를 사용하면 Firebase 배포 단축키를 활용해 앱을 빠르게 배포할 수 있습니다:

  • FlutterFlow 대시보드에서 Hosting 섹션으로 이동합니다.
  • Deploy to Firebase 버튼을 누릅니다.
  • FlutterFlow가 앱을 배포하는 동안 기다리십시오. 이 과정은 몇 분 정도 걸릴 수 있습니다.

성공적으로 완료되면 Firebase 프로젝트 URL이 표시됩니다.


6단계: APK / IPA 파일 빌드

Apple App Store 또는 Google Play Store에서 앱을 출시하려면 출시 빌드를 생성해야 합니다:

  • 컴퓨터에 Flutter SDK를 설치하고 Dart가 올바르게 설정되어 있는지 확인합니다.
  • Flutter가 설치되면 선호하는 터미널을 사용하여 프로젝트 디렉토리로 이동합니다.
  • flutter build apk --release를 실행하여 APK 파일을 빌드합니다.
  • flutter build ios --release를 실행하여 IPA 파일을 빌드합니다.

이러한 명령을 성공적으로 실행한 후, <app dir>/build/app/outputs/apk/release/ 디렉토리에 app-release.apk 또는 <app dir>/build/ios/archive/에 .ipa 파일을 찾을 수 있습니다.


7단계: 솔루션 업로드

이제 Apple App Store 또는 Google Play Store에서 앱을 출시할 준비가 되었습니다.

  • 해당 플랫폼에서 개발자 계정에 로그인합니다.
  • 앱을 제출하는 프로세스를 따라 apk 또는 ipa 파일을 업로드합니다.
  • 필요한 메타데이터와 컨텐츠 등급을 작성합니다.

FlutterFlow로 만든 앱이 이제 배포되었습니다! 앱이 스토어에서 제공되기 전에 초기 리뷰 과정이 시간이 걸릴 수 있다는 점을 명심하세요.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences