FlutterFlow 프로젝트를 Firebase 데이터베이스에 단계별로 연결하는 방법을 배우세요. 또한 RESTful API를 사용하여 다른 데이터베이스에 연결하는 방법도 탐색해보세요.
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.
요구 사항
시작하기 전에 필요한 몇 가지가 있습니다:
실제 연결 과정에 들어가기 전에 이러한 요구 사항이 갖춰져 있는지 확인하세요.
1단계: Firebase 프로젝트 설정
데이터베이스를 FlutterFlow에 연결하기 전에 Firebase 계정을 만들어서 새 프로젝트를 생성했는지 확인해야 합니다.
Go to Console
를 클릭합니다.Add Project
를 클릭합니다.Continue
를 클릭합니다.2단계: Firebase Project 설정 찾기
Firebase로 FlutterFlow와 연동할 프로젝트 설정을 가져와야 합니다.
Project Overview
옆에 있는 톱니바퀴 아이콘을 찾아 클릭하고 Project Settings
를 선택합니다.3단계: Firebase Project 접속 정보 가져오기
FlutterFlow를 Firebase에 연결하려면 Firebase 프로젝트 설정에서 일부 ID 정보를 가져와야 합니다.
Project Settings
페이지에서 General
탭으로 전환합니다.Project ID
, Web API Key
를 찾아 복사합니다. 이 정보들은 FlutterFlow 프로젝트를 Firebase에 연결하는 데 필요합니다.4단계: Firebase 프로젝트와 FlutterFlow 연결
이제 Firebase 프로젝트를 가져온 접속 정보를 통해 FlutterFlow에 연결할 차례입니다.
Integrations
로 이동합니다.Add a database
를 클릭합니다.Firebase
를 선택합니다.Project ID
와 Web API Key
를 해당 입력 필드에 붙여 넣습니다.Connect
를 클릭합니다.5단계: 연결 확인
데이터베이스를 연결한 후에는 올바르게 연결되었는지 확인하는 것이 중요합니다.
Connect
를 클릭한 후, 데이터베이스가 연결되었다는 성공 메시지를 볼 수 있어야 합니다.Databases
섹션에 Firebase 데이터베이스가 추가된 것을 볼 수 있어야 합니다.그런 다음, 완료! 성공적으로 FlutterFlow 프로젝트를 Firebase 데이터베이스에 연결했습니다!
보너스: 다른 제3자 데이터베이스에 연결
현재 FlutterFlow는 Firebase 이외의 다른 데이터베이스를 기본적으로 지원하지 않습니다. 그러나 백엔드 서비스(예: RESTful API)를 생성하여 FlutterFlow와 데이터베이스 간에 통신할 수 있습니다.
다음은 그 방법에 대한 간략한 개요입니다:
APIs
로 이동하고 Add an API
를 클릭합니다.이는 더 복잡한 솔루션이며, FlutterFlow 외부에서 추가 코딩이 필요하겠지만 FlutterFlow 프로젝트에 거의 모든 데이터베이스를 연결할 수 있게 해줍니다. 항상 각 플랫폼의 최선의 사례를 따라 데이터를 안전하게 유지하세요.
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.
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.
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.