당신의 FlutterFlow 프로젝트를 데이터베이스에 어떻게 연결하나요?

1단계: FlutterFlow 프로젝트 생성

첫 번째 중요한 단계는 FlutterFlow 프로젝트를 생성하는 것입니다. FlutterFlow는 간단하고 직관적인 모바일 앱 빌더로, 개발자들이 코드 없이 전체 애플리케이션을 디자인하고 구축하는 데 도움을 줍니다. FlutterFlow(https://flutterflow.io) 웹사이트로 이동하고 계정이 없는 경우 계정에 가입하거나 로그인합니다.

로그인 한 후 대시보드에서 "새 프로젝트" 버튼을 클릭하면 프로젝트의 이름을 입력하라는 메시지가 표시됩니다. "만들기" 버튼을 클릭하여 프로젝트를 완료하세요.

2단계: Firebase 프로젝트 초기화

FlutterFlow 프로젝트를 생성하고 설정한 후에는 Firebase 백엔드에 연결해야 합니다. Firebase를 프로젝트에 도입하면 다재다능하고 안전하며 강력한 NoSQL 클라우드 데이터베이스에 데이터를 저장하고 동기화할 수 있습니다.

시작하려면 Firebase 콘솔(https://console.firebase.google.com)로 이동하고 Google 계정으로 로그인하세요. 기존 Firebase 프로젝트가 없는 경우 "프로젝트 추가" 버튼을 클릭하여 하나를 생성합니다. 프로젝트 이름을 입력하라는 메시지가 표시되며, Firebase의 이용 약관을 수락해야 할 수도 있습니다. "프로젝트 만들기" 버튼을 클릭하여 선택 사항을 확인하세요.

3단계: Firebase를 FlutterFlow에 연결

Firebase 프로젝트를 초기화한 후 다음 단계는 이를 FlutterFlow 프로젝트에 연결하는 것입니다. 먼저 FlutterFlow 프로젝트의 대시보드로 이동한 다음 "설정" 탭으로 이동합니다. "통합" 탭을 클릭하고 Firebase 설정을 찾습니다.

Firebase 설정에 Firebase 구성 스니펫을 붙여넣어 입력합니다. 이 구성 스니펫은 Firebase 콘솔에서 찾을 수 있으며 apiKey, authDomain, databaseURL 및 projectId와 같은 관련 세부 정보가 포함되어 있습니다.

스니펫을 찾으려면 Firebase 콘솔로 돌아가서 Firebase 프로젝트를 선택해 "프로젝트 설정"으로 이동합니다. 프로젝트 설정 내에서 "앱" 섹션으로 이동하고 웹 앱 아이콘( </>로 표시)을 선택합니다. 여기서 앱 별칭을 입력하여 앱을 등록하고 "앱 등록"을 클릭합니다. 다음 페이지에서 Firebase SDK를 보고 이는 구성 스니펫을 포함합니다. 이를 복사하여 FlutterFlow 프로젝트 설정의 해당 영역에 붙여넣습니다.

4단계: Firebase Firestore 설정

이제 Firebase를 FlutterFlow 프로젝트에 연결했으므로, 마지막 단계는 애플리케이션 내에 Firebase Firestore를 설정하는 것입니다. Google Firestore는 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스로 데이터 저장 및 동기화에 사용합니다.

Firebase 콘솔에서 "Firestore 데이터베이스"로 이동하고 "데이터베이스 만들기"를 클릭합니다. 데이터베이스에 대한 모드("테스트 모드" 또는 "프로덕션 모드")를 선택하고 선호하는 클라우드 Firestore 위치를 선택한 다음 "활성화"를 클릭하여 설정을 확인합니다.

5단계: FlutterFlow 프로젝트 업데이트

Firestore 데이터베이스를 설정한 후에는 FlutterFlow 프로젝트로 돌아가서 새로 고침하여 새 Firebase 설정으로 업데이트합니다. 이제 컬렉션을 생성하고 데이터베이스 스키마를 디자인하고 앱에서 데이터 작업을 시작할 수 있습니다.

축하합니다, 성공적으로 Firebase를 통해 FlutterFlow 프로젝트를 데이터베이스에 연결했습니다!