홈 화면에 추가 (iOS, iPadOS)

In hindsight, I probably should have asked if you had checked that. :slight_smile:

I tend to forget because I’m a registered developer so I get into the betas pretty early on so I sometimes forget that not everyone updates on release day. :slight_smile:

I agree, as this is the main benefit for privately-hosted sites (compared with the Hub app).

But does the code check that the iOS version is 16.4 or greater? No point mentioning notifications if not (and arguably little point mentioning A2HS at all). I don’t know Ruby but it seems just to check whether you’re on an iPhone or iPad:

Sorry if I’ve got the wrong end of the stick.

3개의 좋아요

Right end of the stick! This is Javascript though, not Ruby. :smile:

1개의 좋아요

Right end of the wrong stick! :slight_smile:

2개의 좋아요

I also want to install Forum on Android like IOS in this topic. How to do on Android?
Thanks everyone

open Chrome, hit three dots, then “Install App” … hit “Install”.

1개의 좋아요

I mean, on my forum (using discourse platform), I want for android users to install App like this component.

That is on an android Chrome browser when showing a Discourse forum.

There is also a banner prompt out of the box, e.g.:

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

3개의 좋아요

Hey, guys! I just installed this component on my forum, but it has a major bug: both the desktop, mobile and app versions became infinitely scrollable and I couldn’t click on any buttons anymore. My luck was that I hadn’t refreshed the page on my computer, so I could quickly disable it upon noticing what the problem was. I hope this helps you all. :slight_smile:

2개의 좋아요

Is this still happening for you? I couldnt repro.

Hey, Jordan! I didn’t try it again – and I don’t intend to.

The Add to Homescreen prompt appears on the discoursehub app

1개의 좋아요

I’ve noticed that this appears on Chrome in iOS too - which is unhelpful.

Ideally, it should have a different message for non Safari browsers - i.e.

To install this on your device, open it in Safari

or similar.

iOS Chrome supports “Add to Home Screen” since iOS 16.4.

You do still click a Share button, which looks like a box with an up arrow, but the button appears in the URL bar at the top of the screen in iOS Chrome; the URL bar might be collapsed, so the Share button might not be visible by default.

So, the message doesn’t need to change to say “Open it in Safari,” but it would be nice if it could correctly guess where the Share button is. On iPhone Safari, it appears in the center of the footer, which may be collapsed. On iPad Safari, it appears in the upper-right corner, not collapsed.

On iPhone Chrome, it appears in the upper-right corner, and might be collapsed. On iPad Chrome, it still appears in the upper-right corner, but won’t be collapsed.

1개의 좋아요

I’ve been keeping an eye on how other people guide users to install PWAs on iOS, and a common pattern I’m seeing is to have a clickable banner that opens a new browser tab, pointing to a separate “install the PWA” page that does not scroll.

This ensures that the URL bar won’t be collapsed on that page, making it easier for users to find the Share button and click it.

(Of course, they’ll still have to scroll down to “Add to Home Screen” after opening the Share sheet, which is a pain point, but anything that reduces friction helps…)

4개의 좋아요

I hadn’t appreciated that - was sure I read somewhere that it must be via Safari for PWAs to be installed. That makes the TC pretty spot on then!

An issue that I have come across is that iPhones with significant enterprise control can have web notifications blocked (mine does), which is a real pain.

1개의 좋아요

Do you want to install ___ forum on this device?

If a user close this popup by mistake, can i expect it to turn it on again?

In my experience, usually just logging out of and back in to a forum triggers it.

1개의 좋아요

Thanks

Another thing i noticed, when app is installed, the logo doesnt shrink proportionally and looks out of place.

Does anyone know what logo does app utilizes under Branding section ?

이 테마 컴포넌트를 만들어 주셔서 감사합니다! 정말 유용하게 사용할 것 같아요 :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>

다음과 같이 보입니다: