홈 화면에 추가 (iOS, iPadOS)

돌이켜 보면, 그걸 확인해 봤는지 물어봤어야 했는데. :slight_smile:

저는 등록 개발자라 베타 버전을 꽤 일찍 접하게 되거든요. 그래서 가끔 모든 사람이 출시일에 업데이트를 하는 건 아니라는 걸 잊곤 합니다. :slight_smile:

동의합니다. 이는 프라이빗 호스팅 사이트의 주요 장점(허브 앱과의 비교 시)이므로요.

하지만 코드가 iOS 버전이 16.4 이상인지 확인하는지 궁금합니다. 그렇지 않다면 알림을 언급하는 것은 의미가 없으며(아마도 A2HS 자체를 언급하는 것 역시 큰 의미가 없을 것입니다). 저는 Ruby를 잘 알지 못하지만, 코드가 단순히 iPhone 또는 iPad를 사용 중인지 확인하는 것 같습니다:

만약 제가 오해하고 있다면 죄송합니다.

3개의 좋아요

정확하게 이해하신 거예요! 다만 여기는 Ruby가 아니라 JavaScript입니다. :smile:

1개의 좋아요

완전히 엉뚱한 방향으로 간 거지! :slight_smile:

2개의 좋아요

이 주제에서 iOS처럼 Android에도 포럼을 설치하고 싶습니다. Android에서 어떻게 해야 하나요?
모두에게 감사합니다.

Chrome를 열고 세 점 버튼을 누른 다음, "앱 설치"를 선택한 후 "설치"를 누르세요.

1개의 좋아요

즉, 제 포럼(Discourse 플랫폼 사용)에서 안드로이드 사용자들이 이 컴포넌트와 같은 앱을 설치하길 원합니다.

이는 Android Chrome 브라우저에서 Discourse 포럼을 표시할 때 발생합니다.

또한 기본적으로 배너 프롬프트가 표시됩니다. 예:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

3개의 좋아요

여러분, 안녕하세요! 이 구성 요소를 내 포럼에 설치했는데, 치명적인 버그가 있습니다. 데스크톱, 모바일, 앱 버전 모두 무한 스크롤이 되었고, 더 이상 어떤 버튼도 클릭할 수 없었어요. 다행히 컴퓨터에서는 페이지를 새로고침하지 않아서 문제가 뭔지 알아차리자마자 빠르게 비활성화할 수 있었습니다. 이 정보가 여러분께 도움이 되길 바랍니다. :slight_smile:

2개의 좋아요

여전히 이런 문제가 발생하나요? 재현이 되지 않았거든요.

제이든, 안녕! 다시 시도하지 않았어 – 앞으로도 그럴 생각이야.

홈 화면에 추가 프롬프트가 discoursehub 앱에 표시됩니다

1개의 좋아요

iOS에서 Chrome 브라우저에도 이 메시지가 표시되는 것을 확인했습니다. 이는 도움이 되지 않습니다.

이상적으로는 Safari가 아닌 브라우저에 대해 다른 메시지가 표시되어야 합니다. 예를 들어 다음과 같은 메시지입니다.

이 앱을 기기에 설치하려면 Safari에서 열세요

또는 이와 유사한 메시지입니다.

iOS Chrome는 iOS 16.4부터 “홈 화면에 추가” 기능을 지원합니다.

여전히 상향 화살표가 있는 상자 모양의 공유 버튼을 클릭해야 하지만, iOS Chrome에서는 이 버튼이 화면 상단의 URL 바에 표시됩니다. URL 바가 접혀 있을 수 있으므로 기본적으로 공유 버튼이 보이지 않을 수 있습니다.

따라서 메시지에 "Safari에서 열기"라고 표시할 필요는 없지만, 공유 버튼의 위치를 정확히 추측할 수 있다면 좋겠습니다. iPhone Safari에서는 접혀 있을 수 있는 하단 푸터 중앙에, iPad Safari에서는 접히지 않는 오른쪽 상단에 표시됩니다.

iPhone Chrome에서는 오른쪽 상단에 표시되며 접혀 있을 수 있습니다. iPad Chrome에서는 여전히 오른쪽 상단에 표시되지만, 접히지 않습니다.

1개의 좋아요

iOS에서 다른 사람들이 PWA 설치를 위해 사용자를 유도하는 방식을 주시해 왔는데, 자주 보이는 패턴은 클릭 가능한 배너를 제공하여 새 브라우저 탭을 여는 것입니다. 이 탭은 스크롤이 되지 않는 별도의 “PWA 설치” 페이지로 연결됩니다.

이렇게 하면 해당 페이지에서 URL 바가 접히지 않아 사용자가 공유 버튼을 더 쉽게 찾고 클릭할 수 있습니다.

(물론 공유 시트를 연 후에도 "홈 화면에 추가"까지 스크롤을 내려야 하는 번거로움은 남아 있지만, 마찰을 줄이는 것은 어떤 방식이든 도움이 됩니다…)

4개의 좋아요

그 사실을 제대로 인지하지 못했네요. PWA를 설치하려면 반드시 Safari를 통해서만 가능하다는 것을 어딘가에서 읽은 것 같아서요. 그렇다면 TC의 설명은 꽤 정확하다고 볼 수 있겠네요!

제가 겪고 있는 문제는 기업 관리가 엄격하게 설정된 iPhone에서는 웹 알림이 차단될 수 있다는 점입니다(제 폰도 그런 경우인데), 이는 정말 골치 아픈 문제입니다.

1개의 좋아요

이 기기에 ___ 포럼을 설치하시겠습니까?

사용자가 실수로 이 팝업을 닫는 경우, 다시 활성화할 수 있을까요?

제 경험상, 보통 포럼에서 로그아웃했다가 다시 로그인하면 자동으로 켜집니다.

1개의 좋아요

감사합니다

한 가지 더 발견한 건데요, 앱이 설치된 상태에서 로고가 비례적으로 축소되지 않고 어색해 보입니다.

브랜딩 섹션에서 앱이 어떤 로고를 사용하는지 아시는 분 계신가요?

이 테마 컴포넌트를 만들어 주셔서 감사합니다! 정말 유용하게 사용할 것 같아요 :smiley:

몇 가지 피드백을 드리고자 합니다. 일부 사용자는 공유 버튼이 무엇인지 모르는 경우가 있어서, 버튼 이름을 표시하는 것보다 아이콘을 보여주는 것이 더 도움이 됩니다.

이를 위해 다음 pwa_text를 사용할 수 있습니다:

Install <b>%{siteTitle}</b> on your iOS device. Tap <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> and then <b>Add to Home Screen.</b>

다음과 같이 보입니다: