PWA：iOSのSafariで「ホームスクリーンに追加」をプログラム的に実行するには？

質問

最近、サーバー レンダリングのプログレッシブ ウェブ アプリをリリースし、今のところすべてうまくいっています。 しかし、Android では chrome を使用してアプリをダウンロードするためのバナーが表示され、これは素晴らしいことですが、iOS では表示されません。Safari を使用すると、ユーザーは "Add to homescreen" 機能に到達するために数回クリックする必要があり、これは悪いことです。

私は自分の PWA に満足していますが、このアプリをホームスクリーンに追加できることをユーザーに伝えることができたらと思います。

私が覚えている限りでは、私は https://marvelapp.com/ がホームスクリーンにプロトタイプを追加するためにそれをやっていたのを覚えています。

どのように解決するのですか？

iOS - Safari では、Android - Chrome のような Web アプリのインストールバナーは現在サポートされていません。

以下のものがあります。 をプログラム的にトリガーする方法はありません。 をプログラム的にトリガーする方法はありません。ただし、beforeInstallPromot をキャッチして、それを使ってバナーを表示する場合は例外です。

リンク先の回答では、ホーム画面に追加するようユーザーを誘導するアプリ内バナーを表示する方法について、別の選択肢を確認できます。 ここで は、iOS 固有のコード例です (#PROTIP 3 の下を見てください)。