Bubble.io에서 푸시 알림을 설정하는 방법은 무엇인가요?

Bubble.io 앱에서 푸시 알림을 설정하려면 OneSignal과 같은 외부 푸시 알림 서비스와 통합해야 합니다. 설정 방법에 대한 단순화된 가이드는 다음과 같습니다:

첫 번째 단계: OneSignal 계정을 만들고 OneSignal 대시보드 내에서 새 앱을 설정합니다. 플랫폼으로 "웹 푸시"를 선택하고 통합 방법을 묻는 프롬프트가 나타나면 "워드프레스 플러그인 또는 웹사이트 빌더" 섹션에서 "버블"을 선택합니다.

두 번째 단계: OneSignal에서 사이트 설정을 구성합니다. "사이트 설정"에서 Bubble 앱의 도메인을 입력하고, 'https'로 시작해야 합니다(모든 Bubble 앱이 HTTPS를 사용하므로).

세 번째 단계: 알림에 대한 권한 프롬프트를 설정합니다. "권한 요청 프롬프트 설정"으로 이동하여 "프롬프트 추가"를 클릭하고, 슬라이드 프롬프트 옵션을 선택합니다. Bubble이 워크플로우 작업으로 프롬프트를 처리하여 더 나은 사용자 경험과 제어를 제공하므로, 자동 프롬프트는 끄는 것이 중요합니다.

네 번째 단계: OneSignal의 "설정" > "키 & ID" 섹션에서 앱 ID와 API 키를 검색하여 편집기 내의 Bubble 플러그인 탭의 적절한 필드에 입력합니다. 때때로 앱 ID를 "앱 ID(헤더)" 필드에 넣으면 일부 문제가 해결됩니다.

다섯 번째 단계: Safari에서 알림을 지원하려는 경우 필요한 인증서가 존재하는지 확인합니다. OneSignal에서 필요한 인증서를 제공하거나, 소유하고 있다면 OneSignal 대시보드를 통해 업로드할 수 있습니다.

여섯 번째 단계: Bubble 플러그인 마켓플레이스에서 OneSignal 플러그인을 설치하고, OneSignal에서 얻은 앱 ID와 API 키를 사용하여 구성합니다.

일곱 번째 단계: Bubble의 워크플로우 편집기를 사용하여 푸시 알림을 트리거하는 이벤트를 생성합니다. 이는 사용자에게 알림을 보내는 권한을 요청하는 "알림 프롬프트 표시"와 같은 작업, 또는 앱 내의 특정 조건 또는 이벤트에 따라 실제로 사용자에게 알림을 푸시하는 "알림 보내기" 작업을 포함할 수 있습니다.

여덟 번째 단계: 알림이 올바르게 작동하는지 테스트합니다. HTTPS 설정이 올바르게 구성되어 있는지 확인하십시오. 이를 잘못 처리하면 알림이 전송되지 않을 수 있습니다.

아홉 번째 단계: 필요에 따라 추가 OneSignal 기능을 구성합니다, 즉 알림 템플릿 설정, 특정 사용자 세그먼트에 대한 알림 타겟팅, 알림 참여 추적 기능 등입니다.

푸시 알림 설정은 사용자 경험 및 권한 처리에 대한 세심한 주의를 요구합니다. 이런 기능을 구현할 때 항상 데이터 보호 규정을 준수하고 있는지 확인하십시오.