FlutterFlow를 Zapier와 통합하는 간단한 단계를 배우세요. 이에는 FlutterFlow 프로젝트 설정, Firebase 인증 활성화, Zap 생성 등이 포함됩니다.
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단계: FlutterFlow 프로젝트 생성 및 구성
먼저, 새로운 FlutterFlow 프로젝트를 생성하십시오. FlutterFlow 계정에 로그인합니다. "새 프로젝트"를 클릭하고 관련 있는 이름을 부여합니다. 그 다음 프로젝트 요구 사항에 따라 필요한 화면과 기능을 생성하십시오.
2단계: Firebase 인증에 접근
Firebase 인증에 접근하기 위해, FlutterFlow 프로젝트 내에 있는 'Backend' 탭을 클릭합니다. 'Backend' 탭 아래에 있을 때, Firebase Authentication 상자 옆의 톱니바퀴 아이콘을 클릭하여 Firebase 인증 시스템을 설정하십시오. FlutterFlow 프로젝트에 링크하는 Firebase 프로젝트를 올바르게 설정했는지 확인하십시오.
3단계: FlutterFlow에 대한 Firebase 권한 부여 활성화
Firebase 프로젝트 설정 내에서, 제3자 애플리케이션 권한 부여를 활성화했는지 확인하십시오. 이는 FlutterFlow가 애플리케이션에 통합된 Firebase 서비스와 상호 작용하도록 허용하기 때문에 필수적입니다.
4단계: Zapier 계정 생성
Zapier 계정이 없다면, 하나 생성하십시오. Zapier 웹사이트 (www.zapier.com)로 이동하여 계정에 가입하십시오. 이것은 통합된 FlutterFlow 기능이 Zapier를 통해 트리거 되기 때문에 중요합니다.
5단계: 새로운 Zap 생성
Zapier에 로그인 한 후 대시보드 상단의 'Make a Zap' 버튼을 클릭하십시오. Zap에 이름을 붙이고, 트리거를 설정하십시오.
6단계: 트리거 설정
트리거 앱으로 'Firebase'를 선택한 다음, 트리거로 '새 기록'이나 '수정된 기록'을 선택하십시오. 이 후에는 Firebase 계정을 선택해야 합니다.
7단계: Firebase 계정 설정
Firebase 계정을 Zapier에 연결한 적이 없다면 그러라는 메시지가 표시될 것입니다. 각각의 필드에 Firebase 프로젝트 ID, API 키 및 데이터베이스 URL을 입력하십시오. 모든 세부 정보를 성공적으로 입력하였다면, 'Yes, Continue'를 클릭하십시오.
8단계: Firebase 트리거 설정
모니터링하려는 Firebase 하위 경로를 선택하십시오. 이 경로는 어떤 데이터가 감시되는지 결정할 것입니다.완료되면 계속 진행하십시오.
9단계: 행동 설정
이제, Firebase 트리거가 작동할 때 할 행동을 설정해야 합니다. Zapier 계정에 통합된 어떤 다른 애플리케이션(이메일, 슬랙, Google 스프레드시트 등)을 선택할 수 있습니다.
10단계: 테스팅
마지막으로, Zap을 테스트해야 합니다. Zapier의 'Send Test To...'를 클릭하여 테스트를 완료하십시오. 이제, FlutterFlow 프로젝트로 가서 Firebase와 Zapier를 이용하여 설정한 이 행동을 트리거하여 제대로 작동하는지 확인하십시오.
11단계: Zap 켜기
테스트가 성공적이었다면 이제 Zap을 켤 수 있습니다. 지금부터, Firebase 하위 경로에서 지정한 이벤트가 발생할 때마다, 설정한 행동이 트리거 될 것입니다. 축하합니다, 당신은 성공적으로 FlutterFlow를 Zapier에 통합하였습니다.
더 자세한 정보를 원하신다면, 각 각 FlutterFlow, Firebase 및 Zapier 문서를 참고하십시오.
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.