PWA にはウェブブラウザからアクセスできますが、インストール可能なエクスペリエンスを提供するセクションの記事に記載されているように、ユーザーのホーム画面にインストールすることもできます。ただし、PWA の課題の一つは、アプリストアへの配信です。そこで役立つのが PWABuilder です。
PWABuilder は、デベロッパーがさまざまなアプリストアに送信できるパッケージを作成できる強力なツールです。
PWABuilder を使用してパッケージを作成する主なメリットの 1 つは、ウェブアプリをアプリストアに公開するプロセスが簡素化されることです。通常、アプリストアにアプリを送信するには、ウェブ デベロッパーが必ずしも精通していない言語でコードを記述する、アプリアイコンを作成する、さまざまな設定を構成する、さまざまなデバイスとオペレーティング システムでアプリをテストするなど、多くの作業が必要です。PWABuilder は、こうしたタスクの多くを自動的に処理するため、アプリの公開に必要な時間と労力を削減できます。
前提条件
ウェブアプリが PWA のベースライン要件を満たしている場合は、PWABuilder を使用して、ストア向けにアプリを検証、スコアリング、パッケージ化できます。
- PWA は公開 URL で公開する必要があります。
- 完全なウェブアプリ マニフェストが必要です。
- アプリは HTTPS で提供する必要があります。
パッケージ化
PWA のアプリケーション パッケージは、次の手順で作成できます。
- PWABuilder のホームページで URL を入力して、パッケージ化プロセスを開始します。PWABuilder で、アプリのレポートカード ページに移動します。ここで、プログレッシブ ウェブアプリのスコアとアクション アイテムを確認できます。
- アプリのパッケージ化に進むには、スコアカード ページの右上にある [ストア向けにパッケージ化] ボタンをクリックします。
- パッケージ化のオプションを参照し、[Generate Package] をクリックしてプラットフォームを選択します。アプリケーションに関連するメタデータの入力を求められます。このメタデータは、プラットフォームによって異なります。
- 最後に、[パッケージをダウンロード] を選択してパッケージをダウンロードします。
送信しています
特定のストアに PWA を公開する方法については、プラットフォーム固有の記事をご覧ください。
例
PWABuilder を使用して、アプリの 1 つである SVGcode のストア パッケージを生成しました。
これらのストア以外にも、ブラウザでアプリを入手することもできます。