기능 요청: iOS 사용자에게 A2HS/푸시 알림 안내

“홈 화면에 추가” (A2HS) 기능은 iPhone의 최초 출시 시점부터 iOS에 포함되어 있었습니다. 하지만 사용자가 이 기능을 어떻게 사용하는지(또는 왜 사용해야 하는지)에 대해 명확한 안내가 부족했습니다.

iOS 16.4에서 곧 지원될 푸시 알림은 모든 웹사이트에서 작동하지 않습니다. A2HS를 통해 웹 애플리케이션을 “앱”으로 “설치”했을 때만 작동합니다.

따라서 Discourse가 사용자에게 A2HS 방법과 푸시 알림 가입 방법을 설명하는 것이 합리적이라고 생각합니다.

iOS 16.4에서 푸시 알림에 가입하려면 다음 단계를 따라야 합니다:

  1. URL 바가 보이도록 화면을 아래로 스크롤합니다.
  2. (라벨이 없는) 공유 버튼(위쪽 화살표가 있는 상자)을 탭합니다.
  3. 공유 시트를 스크롤하여 A2HS 버튼을 찾습니다. (시트가 스크롤 가능하다는 사실은 전혀 직관적이지 않습니다!)
  4. “홈 화면에 추가”를 탭합니다.
  5. 오른쪽 위 모서리의 “추가” 버튼을 탭합니다. (앱 이름을 변경하지 않는 것이 좋습니다.)
  6. 홈 화면으로 돌아가서 방금 만든 새 앱 아이콘을 찾아 탭합니다. (이 아이콘이 부가 홈 화면에 있을 수 있으므로, 예를 들어 “Meta”와 같이 이름으로 검색해야 할 수도 있습니다.)
  7. 다시 로그인합니다. (A2HS PWA는 Safari와 쿠키를 공유하지 않으므로, Facebook으로 로그인한 경우에도 Facebook에서 처음부터 로그인해야 하며, 2단계 인증과 “이 브라우저 신뢰” 과정도 포함됩니다.)
  8. 푸시 알림에 가입하기 위해 배너를 탭합니다.

사용자가 이 과정을 알아내기란 매우 어려울 것입니다!

Discourse는 A2HS 및 푸시 알림 가입 방법을 설명하는 링크를 제공해야 하며, 가능하면 이 과정을 단계별로 보여주는 동영상 튜토리얼을 포함하는 것이 좋습니다.

더 나아가, 하나의 동영상 튜토리얼만으로는 부족할 수 있다고 생각합니다. iPhone과 iPad 중 어떤 기기를 사용하는지, 홈 버튼이 있는 기기인지 등에 따라 상황이 크게 달라지므로요.

그럼에도 불구하고, 이러한 기능이 사용자의 푸시 알림 온보딩에 큰 도움이 될 것이라고 생각합니다.

5개의 좋아요

Apple이 beforeinstallprompt 이벤트를 차단하면서, 해당 플랫폼에서는 이 기능이 실제로 상당히 복잡해졌습니다.

이는 모든 웹앱에 영향을 미치는 문제이므로, 다른 사람들이 어떻게 대응하고 있는지 살펴보고 사용자가 익숙한 방식을 활용하는 것이 좋습니다.

이 기능을 적극 도입하고 싶으신 분들은, 사용자가 해당 기능을 쉽게 찾을 수 있도록 돕기 위해 테마 컴포넌트를 실험해 보실 수 있습니다.

6개의 좋아요

iOS 16.4가 출시되었으므로, 이 문제가 이제 더 시급하다고 생각합니다.

2개의 좋아요

물살을 가늠해 보기 위한 중간 단계로 테마 컴포넌트를 도입하는 건 어떨까요?

이 작업을 수행하는 방법을 안내하는 닫을 수 있는 다이얼로그를 띄우는 방식입니다. 아직 해결되지 않은 질문들은 다음과 같습니다:

  • iOS에서 PWA로 실행 중인지 아닌지를 감지할 수 있을까요?
  • “PWA 사용을 상기시켜 주는” 메커니즘은 어떻게 될까요. (얼마나 기다려야 하나요? 얼마나 자주 사용자를 귀찮게 해야 하나요? 예를 들어 TL1 상태여야 하는지 등)
1개의 좋아요

네, sniff-caps에 이미 이 기능을 위한 메서드가 있습니다.

Android에는 이미 TL1+에서 트리거되는 배너가 있습니다.

‘아니오’를 클릭하면 로컬 스토리지에 저장됩니다.

여기서 주요 문제는 Apple이 원치 않는 상황에서 끌려온 셈이라, 설치를 클릭해도 실제 설치가 트리거되지 않는다는 점입니다. 우리가 할 수 있는 일은 작동 원리를 설명하는 튜토리얼 모달을 표시하는 것뿐입니다. 모달의 외관에 대해서는 커뮤니티의 합의가 이루어지지 않았습니다.

3개의 좋아요

방금 16.4로 업데이트했는데…

실험적 기능에서 "Push API"가 선택되어 있지 않습니다. Apple이 이를 기본적으로 활성화할 때까지 사실상 “무용지물” 상태인 것 같습니다.

1개의 좋아요

흔히 있는 오해입니다. “Push API” 기능 플래그는 16.4에서 아무 역할도 하지 않습니다. Push API는 기본적으로 활성화되어 있으며, iOS 16.4에서는 A2HS(홈 화면에 추가)만 수행하면 바로 사용할 수 있습니다.

(저는 이 기능 플래그가 언젠가 A2HS 없이도 Safari에서 Web Push를 직접 활성화할 수 있게 될 것이라고 추측합니다. 하지만 현재 그런 기능은 존재하지 않으므로, 플래그를 켜거나 끄는 것은 아무런 영향을 미치지 않습니다.)

그냥 시도해 보세요! 플래그가 비활성화되어 있더라도 푸시 알림을 받을 수 있습니다.

3개의 좋아요

아… 음, 방금 홈 화면에 추가해 봤어요. 이게 뭘 하는 건지 한번 봐야겠네요.

1개의 좋아요

위에서 설명한 모든 단계를 빠짐없이 따라야 합니다. A2HS PWA를 탭한 후 로그인하고, 배너를 통해 알림을 활성화하세요. 바로 테스트 푸시 알림을 받으실 수 있습니다.

3개의 좋아요

이미 다른 주제에서 확인했듯이, 해당 설정은 Web Push를 가리키는 것이 아니며, 실제로는 iOS 15.4부터 실험적 설정으로 존재해 왔습니다.

PWA를 추가한 후에는 사용자가 다시 로그인한 다음 PWA 내 프로필에서 알림을 활성화하기만 하면 됩니다.

2개의 좋아요

여기서 제가 조금 반대하는 부분이 하나 있습니다. 바로 Discourse Hub 앱이 여전히 PWA보다 약간 더 우수하다는 점입니다.

  • 하나의 앱에서 여러 사이트 관리 가능
  • 호스팅 중인 모든 고객에게 푸시 알림 전송 가능
  • 인증 인계 프로토콜 덕분에 두 번째 로그인 불필요
  • 뒤로/앞으로 이동 버튼 대신 푸터에 공유 링크 제공
  • 설치 과정이 더 간단함 (의견이 나뉠 수 있음)

그럼에도 불구하고… 확실히 큰 진전입니다! 정말 쓰기 편습니다 :+1:

이로 인해, 시끄럽게 알려주고 교육하는 실험은 테마 컴포넌트 안에 있어야 한다는 점이 더욱 확고해졌습니다. (Hub에 대한 교육 vs PWA에 대한 교육으로 선택 가능한 모드를 두는 방식이죠). 또한, 셀프 호스팅 환경에서도 Hub가 웹 푸시 알림에 의존할 수 있도록 교육할 수 있는지 궁금해집니다…

1개의 좋아요

제 생각에는 현재 Discourse Hub의 유일한 장점은 설치(방법을 배우는 것)가 더 쉽다는 점입니다. Discourse Hub는 앱이므로 누구나 앱을 설치하는 방법을 알고 있습니다. Hub에서는 포럼 URL을 붙여넣어야 하지만, 이 과정을 UI가 안내해 줍니다. 반면 iOS의 A2HS(앱처럼 설치) 과정은… 찾아내기 어렵습니다. (그래서 이 스레드가 생긴 거죠!)

"하나의 앱에서 여러 사이트 관리"는 제 취향에는 오히려 단점입니다. (다만, 관심이 있으시다면 이제 Discourse Hub를 PWA로 재작성하는 것이 가능합니다! :exploding_head:)

"모든 호스팅 고객 대상 푸시 알림"은 Web Push에도 동일하게 적용되는 것이 맞나요? 그리고 iOS 16.4의 Web Push를 사용하면 호스팅되지 않은 고객도 즉시 푸시 알림을 받을 수 있는 반면, iOS Discourse Hub에 비호스팅 포럼을 추가할 경우 비호스팅 포럼을 주기적으로 폴링해야 해서 지연이 발생했습니다.

“두 번째 로그인 불필요” … 저는 "Apple로 로그인"을 사용하는데, A2HS Web Push의 경험도 Discourse Hub 때만큼 좋다고 생각합니다. 로그인 버튼을 클릭하면 Apple이 제 얼굴을 스캔하고, 바로 로그인됩니다.

“푸터의 공유 링크” 그건 제가 써 본 적이 없는 것 같습니다! :wink:

2개의 좋아요

네, 어느 정도 그렇습니다. 브라우저의 일부 기능을 잃게 되며, 모든 항목을 접는 뷰(하향 삼각형)는 다른 곳에서 구현해야 합니다. 푸터의 버튼에 대한 제어 권한이 없는 것 같습니다.

또한 이는 골칫거리입니다. '웹 허브’에 허용할 사이트와 허용하지 않을 사이트를 심사해야 하기 때문입니다. 현재 37,000개 이상의 사이트가 존재하므로 정기적인 업무가 발생하게 됩니다.

네… 이상적으로는 애플이 앱에서 웹 푸시를 활용할 수 있도록 API를 제공해 주면, 더 이상 알림 중개자 역할을 하지 않아도 될 것입니다.

실제로 내부 인증 관련 사항을 수정할 때까지 일부 기능이 차단되어 있습니다. 2FA를 활성화하면 3자 인증을 사용할 수 없습니다. 우리는 두 가지를 동시에 허용하지 않으며, 내부적으로 모든 직원 계정은 dev와 meta 모두에서 2FA를 켜두어야 한다는 정책을 가지고 있습니다. 이를 변경할 것입니다… 하지만 이번 주에는 아닙니다.

1개의 좋아요

PWA에서는 이것이 가능하지 않나요? iOS에서 자체적인 커스텀 푸터가 있는 다른 PWA를 사용하고 있습니다.

1개의 좋아요

간단한 업데이트 소식입니다 :smile:

오늘 iOS 사용자에게 iPhone 또는 iPad에서 표시되는 공식 테마 컴포넌트를 출시했습니다. 이 컴포넌트는 사용자가 포럼을 PWA로 홈 화면에 설치하도록 장려합니다.

3개의 좋아요

4개의 게시물이 기존 주제에 병합되었습니다: iOS 홈 화면에 추가 팝업

테마 컴포넌트 관련 스레드에서 대화를 이어서 진행했습니다. 기본 텍스트에 푸시 알림을 위해 A2HS가 필요하다는 내용이 언급되는 것이 더 현명해 보인다는데 동의합니다.