プログレッシブウェブアプリのプレイストア/アプリストアを追加

Question

新しいAngularを使用してPWAを完全に構築しました。我々は、木の揺れ、uglify、AOT、サービスワーカーなどのすべての最適化を実装しました。これは非常にうまく動作し、モバイルアプリとして動作します。ユーザーがホーム画面にそれを追加すると、違いを伝えるのは難しいです。

我々はPWAといくつかの大きな制限に実行されている：

• 私たちのビジネスのためのすべての通知（重要な）はSMSとして送信する必要があります。 これは明らかに大きなコストメリットがあります。私たちはたくさんのiOSユーザーを持っていますが、 でも、 "web" のプッシュ通知をAndroidで使用しています。
• 「バックグラウンド」でジオロケーションを「追跡」する能力が必要です。また、HTML5ジオロケーションAPIはそれをカットしません。
• 現在、ユーザーがURLに移動するたびに（SMSリマインダとして送信）、ブラウザに新しいタブが表示されます（電話に依存します）。ユーザーが実際にホーム画面にアプリを追加してもこれにより、明らかに読み込み時間が長くなり、タブが多すぎます。アプリをフォアグラウンドに持って行き、特定のルートに移動する（またはプッシュ通知を使用する）
• アクティブユーザーの一部は、1日に10件の通知を簡単に受信でき、アプリケーションに簡単にナビゲートする必要があります。

NativeScriptとIonicを調べました。どちらもAngularアプリを開発する能力を提供しますが、モバイル向けのアプリを書くことを中心に設計されています（...または最初から始めて）。

私は何かを見逃しているかもしれませんが、私たちがプログレッシブウェブアプリケーションの周りにラッパーを置いて "ハイブリッド"アプリとしてインストールできるようにするときはベストプラクティスとなるでしょう。アプリケーションは公開URLにナビゲートするだけで、サービスワーカーをサポートし、またネイティブ関数にアクセスすることもできます。

私はここでPWAのポイントを見逃しているかもしれないが、別の "ネイティブ"アプリを書くことは本当に私たちの選択肢ではないことを理解しています。

プログレッシブウェブをGoogle PlayストアまたはApple App Storeのアプリとして公開するにはどうすればよいでしょうか？

Answer 1

Hosted Web Appを使い始めるには、PWABuilder.comが最適です。このツールは、オンラインまたはCLIから使用できます。その一部はサービスワーカーやものを作成しますが、AndroidやiOS用のCordovaプロジェクトも作成します。

私はPWABuilderを使って出発点を作成しました。最終的に、生成されたiOSとAndroidプロジェクトをiOS、Android、Windows向けのものに結合します。それはCordovaなので、プラグインも使うことができます。

Answer 2

ionic/CordovaアプリとしてPWAを簡単にパッケージすることができます。

1. 現在、iosでウェブプッシュを達成する方法はありません。コルドバを使用してください。
2. バックグラウンドトラッキングはできません。任意のヘルプがあるかどうかを確認するために定期的なプッシュ通知&バックグラウンド同期の組み合わせを考えてみてください。
3. アンドロイドで、ユーザーが行う必要があるのは、リンクが初めて開かれたときに必ずクリックすることです。
4. プッシュ通知では、URLを指定できます。

この記事を読んで、コードバとPWAをどのように混ぜたかを少し詳しく理解できます。

https://medium.com/awebdeveloper/pwa-is-future-of-mobile-how-to-tame-it-855dd42df0ec