iOS 웹 푸시(Web Push) 소개 및 동작 원리
애플은 iOS 16.4 버전부터 웹 푸시 공식 지원을 발표했습니다. 모바일 앱 없이 푸시 발송이 가능한 웹 푸시를 이제는 iOS 에서도 사용가능한 점에서 매우 유용하지만 아직 몇 가지 제약사항도 있습니다.
본 가이드에서는 iOS 웹 푸시 구현을 위한 요구사항 및 동작 원리에 대해 설명드리겠습니다.
플레어레인은 iOS 웹 푸시를 100% 지원하며, 웹사이트는 아래 조건을 모두 만족해야합니다.
- 플레어레인 웹 푸시 SDK 연동
- manifest.json 파일 생성 및 적용
- '홈 화면에 추가'를 통해 추가된 웹앱을 통해 접속
플레어레인 SDK를 통해 매우 쉽게 웹 푸시를 구현할 수 있습니다. 아래 가이드를 참고하여 플레어레인 프로젝트를 생성하고 웹 푸시를 연동합니다.
Web APP Manifest 파일은 웹사이트를 웹앱으로 만들기 위해 앱 이름, 아이콘 등을 정의하는 JSON 형태의 파일입니다.
파일은 최소한 아래 값들을 모두 포함해야합니다. 우리 서비스에 맞게 이름이나 아이콘 등 적절하게 변경하여 파일을 생성하고 업로드합니다.
웹사이트의 <head> 태그 안에 업로드한 파일을 연결할 수 있도록 다음과 같은 코드를 삽입합니다.
위 두 가지 조건을 모두 만족한 사이트에 대해 유저는 '홈 화면에 추가'를 클릭하여 유저의 기기에 웹앱을 추가해야합니다. 이렇게 추가된 웹앱을 통해 다시 접속했을 때 알림 허용을 요청하게 됩니다.
유저가 홈 화면에 웹앱 추가를 잘 할 수 있도록 적절한 가이드 자체 제작이 필요할 수 있습니다.
전 단계에서 추가된 홈 화면의 웹앱을 통해 다시 접속하면 자동으로 알림 권한을 묻는 팝업이 노출됩니다.
접속 후 첫 번째 터치가 일어날 때 권한 팝업이 노출됩니다. 허용 안 함을 선택한 경우 유저는 설정에서 알림 권한을 직접 활성화해야합니다.