Bubble.io에서 푸시 알림을 완벽하게 이해하실 수 있도록 단계별 가이드를 제공합니다. 앱 사용자를 위한 경고를 설정하고, 사용자화하고, 원활하게 관리하는 방법을 배워보세요.
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.
Bubble.io에서 푸시 알림을 처리하려면 일반적으로 OneSignal과 같은 타사 서비스의 통합이 필요합니다. 다음은 OneSignal을 사용하여 Bubble.io 앱에서 푸시 알림을 관리하는 방법에 대한 단계별 가이드입니다.
1단계: OneSignal 플러그인 설치
Bubble 편집기의 "플러그인" 탭으로 이동하여 OneSignal 웹 알림 플러그인을 추가하세요.
2단계: OneSignal 계정 설정
OneSignal 계정이 없는 경우 생성해야 합니다. OneSignal의 공식 웹사이트를 방문하여 가입하세요.
3단계: OneSignal 앱 구성
OneSignal 대시보드 안에서, 웹 푸시를 플랫폼으로 선택하여 새로운 앱을 설정하세요. 통합 방법에 대해 물어볼 때에는 웹 사이트 빌더로 Bubble을 선택하세요.
4단계: OneSignal에서 사이트 설정 구성
OneSignal 앱 설정에서 "사이트 설정"을 찾아 Bubble 앱의 도메인을 입력하세요. Bubble 앱은 HTTPS를 사용하므로 'https'로 시작해야 합니다.
5단계: OneSignal에서 권한 요청을 설정하세요
"권한 요청 설정"에서 요청을 추가하세요. 슬라이드 프롬프트 옵션을 사용하여 알림 프롬프트를 구성하고 "자동 프롬프트"가 꺼져 있는지 확인하세요. 이는 Bubble의 플러그인이 사용자에게 프롬프트하는 커스텀 액션을 제공하기 때문에 자동 프롬프트가 꺼져 있어야 합니다.
6단계: OneSignal 키 검색
OneSignal 대시보드의 "설정" 탭에서 "키 & ID"를 찾아 OneSignal 앱 ID와 API 키를 검색합니다.
7단계: Bubble에 OneSignal 키 입력
Bubble 편집기의 "플러그인" 탭으로 이동해서 OneSignal 플러그인을 찾고, 앱 ID와 API 키를 해당 필드에 입력하세요.
8단계: 사용자에게 알림 권한 요청
Bubble의 OneSignal 플러그인에서 제공하는 "알림 요청 보여주기" 액션을 사용하여 알림을 보낼 수 있는 권한을 사용자에게 부여하는 것이 적절한 시점을 정하세요.
9단계: 알림 보내기
알림을 보내려면, 개별 사용자에게 직접 트리거하거나, 사용자 목록 또는 OneSignal 내에서 정의하는 세그먼트에 트리거할 수 있습니다. 필요에 따라 "개별 사용자에게 알림 보내기", "사용자 목록에 알림 보내기" 또는 "세그먼트에 알림 보내기" 액션을 사용하세요.
10단계: 태그 설정 및 관리 (선택 사항)
더욱 타겟팅된 메시징을 위해 현재 사용자의 OneSignal 장치에 태그를 설정하거나 삭제할 수 있습니다. 필요에 따라 "현재 사용자에게 태그 설정" 및 "현재 사용자의 태그 삭제" 액션을 사용하세요.
알림이 예상대로 작동하는 것인지를 확실히 하기 위해 설정을 철저히 테스트하는 것을 기억하세요. 사용자에게 스팸 메시지를 보내지 않도록 알림을 세심하게 처리하고, 사용자 경험에 가치를 더하기 위해서라는 점이 중요합니다.
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.