FlutterFlow에서 사용자 정의 푸시 알림을 어떻게 생성할 수 있나요?

답변: 1단계: FlutterFlow 설치 및 설정

FlutterFlow 계정을 생성하십시오. 이미 가지고 있다면 로그인하십시오. 로그인 한 후 대시보드로 이동하게 됩니다. 새 프로젝트 생성을 클릭하십시오. 프로젝트 이름을 지정하고 Firebase 프로젝트를 구축하십시오. 이 과정에는 Firebase 프로젝트를 FlutterFlow에 인증하는 작업이 포함됩니다.

2단계: Firebase 활성화

FlutterFlow에서 푸시 알림을 보내려면 Flutter 프로젝트의 Firebase를 활성화해야 합니다. FlutterFlow 대시보드에서 프로젝트를 선택합니다. 여기에서 화면 왼쪽 상단의 드롭다운 메뉴에서 프로젝트 설정을 선택합니다. 그다음 통합 탭을 선택하고 Firebase 자격 증명을 붙여 넣습니다.

3단계: Firebase Cloud Messaging 설정

Firebase Cloud Messaging (FCM)를 사용하면 푸시 알림을 보낼 수 있습니다. Firebase 콘솔에서 톱니바퀴 아이콘 > 프로젝트 설정 > Cloud Messaging을 선택합니다. 프로젝트 자격 증명 섹션 아래에 있는 토큰은 FlutterFlow가 푸시 알림을 보내는 데 필요한 것입니다.

이 서버 키를 FlutterFlow Firebase 통합 페이지에 추가하고 프로젝트 업데이트를 클릭합니다.

4단계: 새 알림 생성

FlutterFlow 프로젝트에서 왼쪽 메뉴에서 Notifications로 이동하십시오. 이렇게 하면 알림 페이지가 나타납니다. 새 알림 생성 버튼을 클릭하십시오.

알림의 제목을 입력하십시오. 이것이 푸시 알림의 제목이 됩니다. 그런 다음 알림의 본문을 지정할 수 있습니다. 이는 사용자가 푸시 알림을 받았을 때 실제로 볼 수 있는 내용입니다.

5단계: 알림 트리거 정의

푸시 알림이 언제 발송되어야 하는지 결정할 수 있습니다. 알림을 트리거할 조건을 설정합니다. 예를 들어, 문서가 생성되었을 때 또는 업데이트되었을 때, 또는 사용자 정의 조건에 따라 알림을 보낼 수 있습니다.

6단계: 수신인 지정

To 섹션에서 푸시 알림의 수신인을 지정합니다. 모든 사용자를 선택하거나 Firebase 사용자 UUID를 추가하여 특정 사용자를 지정하거나, 사용자 컬렉션으로 사용자를 그룹화 할 수 있습니다.

7단계: 선택적 데이터 페이로드 추가

선택적으로, 키 값 쌍을 데이터 페이로드로 푸시 알림에 추가할 수 있습니다.

8단계: 저장 및 테스트

저장을 클릭합니다. 이제 프로젝트에서 만든 사용자 정의 알림을 테스트해 볼 수 있습니다. 테스트 알림 입력 상자에 Firebase Cloud Message 토큰을 입력하고 테스트를 클릭합니다. 테스트 푸시 알림이 이제 기기로 발송되어야 합니다.

9단계: 클라이언트 측에서 알림 활성화

마지막으로 모든 클라이언트 측(Flutter 앱)에서 알림을 수신하는 권한을 설정해야 합니다.

이제 FlutterFlow를 사용하여 사용자 정의 푸시 알림을 성공적으로 만드셨습니다!