질문: FlutterFlow 프로젝트에 푸시 알림을 어떻게 추가하나요?

단계 1: FlutterFlow 프로젝트 생성

프로젝트에 푸시 알림을 추가하기 전에 FlutterFlow에 기존 프로젝트가 필요합니다. 하나를 생성하려면 FlutterFlow 웹사이트를 방문하여 계정으로 로그인한 후 대시보드로 이동하고 "새 프로젝트"를 클릭합니다. 프로젝트의 이름을 지정하고 필요한 경우 템플릿을 선택하거나 처음부터 시작할 수 있습니다.

단계 2: 프로젝트 설정으로 이동

응용 프로그램을 생성한 후 프로젝트 섹션으로 이동합니다. 왼쪽 사이드바에서 마지막 아이콘인 "설정"을 클릭하면 프로젝트 설정 페이지로 리디렉션됩니다.

단계 3: 푸시 알림 활성화

"Push Notifications" 섹션으로 스크롤합니다. 여기에서는 프로젝트의 알림을 활성화 또는 비활성화하는 토글 버튼이 표시됩니다. 활성화하면 Server API Key와 Sender ID를 요청하는 두 개의 입력 필드가 표시됩니다.

단계 4: Firebase에서 Server API Key와 Sender ID를 획득

이러한 키를 얻으려면 Firebase에서 프로젝트를 설정해야합니다:

• Firebase 콘솔로 이동하여 새 프로젝트를 생성합니다. 이미 앱에 대한 프로젝트가 있으면 사용할 수 있습니다.
• 프로젝트가 생성된 후에는 프로젝트 설정으로 이동합니다( "프로젝트 개요" 옆의 톱니바퀴 아이콘).
• "Cloud Messaging" 탭으로 이동하면 Server Key와 Sender ID를 찾을 수 있습니다.

Step 5: FlutterFlow에 Server API Key와 Sender ID 추가

FlutterFlow 프로젝트로 돌아와서 Server Key와 Sender ID를 해당 필드에 붙여넣습니다. 이후 저장합니다.

Step 6: google-services.json 파일 다운로드

• Firebase 콘솔로 돌아가면 프로젝트 개요에서 Android 아이콘을 클릭하여 안드로이드 애플리케이션을 Firebase 프로젝트에 추가합니다.
• 앱 패키지 이름을 제공하여 앱을 등록합니다. 앱 패키지 이름은 앱이 고유하게 식별되는 애플리케이션 ID입니다. 프로젝트의 AndroidManifest.xml 파일에서 패키지 이름을 찾을 수 있습니다.
• Firebase에서 제공하는 google-services.json 파일을 다운로드합니다.

단계 7: FlutterFlow에 google-services.json 파일 추가

FlutterFlow 프로젝트로 돌아가면 다음과 같이 진행합니다:

• 프로젝트 설정으로 이동합니다.
• Firebase Config 섹션으로 스크롤합니다.
• "파일 업로드" 버튼을 클릭하고 방금 Firebase에서 다운로드한 google-services.json파일을 선택합니다.

이렇게 하고 저장하면 모든 설정이 완료됩니다.

단계 8: 테스트 푸시 알림 보내기

알림이 예상대로 작동하는지 테스트하려면 FlutterFlow에서 테스트 알림을 보낼 수 있습니다:

• 프로젝트로 돌아갑니다.
• 왼쪽 사이드바에서 벨 아이콘을 클릭하여 "푸시 알림" 페이지를 엽니다.
• "새 알림"을 클릭하고 테스트 알림에 대한 상세 정보를 입력합니다.
• "테스트 알림 보내기"를 클릭하고 모바일 장치에서 알림을 확인합니다.

단계 9: 앱 내 통지 구성

푸시 알림을 처리하기 위해 앱의 특정 부분을 구성해야한다는 것을 명심하십시오. 이 단계는 Flutter 애플리케이션에서 코딩을 포함합니다. 다음은 사용자가 알림을 탭할 때 핸들러를 설정하는 방법에 대한 기본 예제입니다:

• Flutter의 firebase_messaging 패키지를 사용하여 핸들러를 설정합니다.

FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
  print('Message clicked!');
});

이렇게 하면 사용자가 앱으로 돌아가는 알림을 탭할 때마다 콘솔에 "메시지 클릭됨!"이 출력됩니다.

이제 FlutterFlow 프로젝트에 대한 푸시 알림을 설정했습니다!