/No-Code Development Agency

제 FlutterFlow 프로젝트를 타사 데이터베이스에 어떻게 연결할 수 있나요?

FlutterFlow 프로젝트를 Firebase 데이터베이스에 단계별로 연결하는 방법을 배우세요. 또한 RESTful API를 사용하여 다른 데이터베이스에 연결하는 방법도 탐색해보세요.

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 계정. https://flutterflow.io/ 에서 가입할 수 있습니다.
  • FlutterFlow에 설정한 프로젝트로, 제3자 데이터베이스에 연결하려는 프로젝트입니다.
  • 연결하려는 데이터베이스. 이 자습서의 목적을 위해, 가장 일반적으로 FlutterFlow와 함께 사용되는 Firebase를 사용할 것입니다.

실제 연결 과정에 들어가기 전에 이러한 요구 사항이 갖춰져 있는지 확인하세요.


1단계: Firebase 프로젝트 설정

데이터베이스를 FlutterFlow에 연결하기 전에 Firebase 계정을 만들어서 새 프로젝트를 생성했는지 확인해야 합니다.

  1. Firebase 웹사이트 로 이동하여 Google 계정으로 로그인합니다.
  2. 오른쪽 상단에 있는 Go to Console를 클릭합니다.
  3. 콘솔 페이지에서Add Project를 클릭합니다.
  4. 프로젝트 이름과 같은 필요한 세부 정보를 작성하고 Firebase 약관에 동의한 다음 Continue를 클릭합니다.

2단계: Firebase Project 설정 찾기

Firebase로 FlutterFlow와 연동할 프로젝트 설정을 가져와야 합니다.

  1. Firebase 대시보드에서 프로젝트를 선택합니다.
  2. 왼쪽 사이드바에서, Project Overview 옆에 있는 톱니바퀴 아이콘을 찾아 클릭하고 Project Settings를 선택합니다.

3단계: Firebase Project 접속 정보 가져오기

FlutterFlow를 Firebase에 연결하려면 Firebase 프로젝트 설정에서 일부 ID 정보를 가져와야 합니다.

  1. Project Settings 페이지에서 General 탭으로 전환합니다.
  2. 여기에서 Project ID, Web API Key를 찾아 복사합니다. 이 정보들은 FlutterFlow 프로젝트를 Firebase에 연결하는 데 필요합니다.

4단계: Firebase 프로젝트와 FlutterFlow 연결

이제 Firebase 프로젝트를 가져온 접속 정보를 통해 FlutterFlow에 연결할 차례입니다.

  1. FlutterFlow 프로젝트를 엽니다.
  2. 왼쪽 사이드바에서 Integrations로 이동합니다.
  3. Add a database를 클릭합니다.
  4. Firebase를 선택합니다.
  5. Firebase에서 가져온 Project IDWeb API Key를 해당 입력 필드에 붙여 넣습니다.
  6. Connect를 클릭합니다.

5단계: 연결 확인

데이터베이스를 연결한 후에는 올바르게 연결되었는지 확인하는 것이 중요합니다.

  1. Connect를 클릭한 후, 데이터베이스가 연결되었다는 성공 메시지를 볼 수 있어야 합니다.
  2. 이제 Databases 섹션에 Firebase 데이터베이스가 추가된 것을 볼 수 있어야 합니다.

그런 다음, 완료! 성공적으로 FlutterFlow 프로젝트를 Firebase 데이터베이스에 연결했습니다!


보너스: 다른 제3자 데이터베이스에 연결

현재 FlutterFlow는 Firebase 이외의 다른 데이터베이스를 기본적으로 지원하지 않습니다. 그러나 백엔드 서비스(예: RESTful API)를 생성하여 FlutterFlow와 데이터베이스 간에 통신할 수 있습니다.

다음은 그 방법에 대한 간략한 개요입니다:

  1. 필요한 모든 작업(CRUD: Create, Read, Update, Delete)을 데이터베이스에서 수행할 수 있는 API를 선택한 언어/프레임워크(예: Node.js, Django, Ruby on Rails 등)에서 개발합니다.
  2. 이 API를 인터넷에 접근할 수 있는 서버에 호스팅합니다.
  3. FlutterFlow 프로젝트에서 왼쪽 사이드바의 APIs로 이동하고 Add an API를 클릭합니다.
  4. API에 대한 세부 정보를 작성하고, 기본 URL 및 엔드포인트를 포함합니다.
  5. FlutterFlow 앱을 개발할 때 FlutterFlow의 내장 데이터 작업을 직접 사용하는 대신 API 호출을 사용하여 데이터베이스와 상호 작용합니다.

이는 더 복잡한 솔루션이며, FlutterFlow 외부에서 추가 코딩이 필요하겠지만 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