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

アプリを送信する
特定のストアに PWA を公開する方法については、プラットフォーム固有の記事をご覧ください。
例
PWABuilder を使用して、アプリ SVGcode のストア パッケージを生成しました。
これらのストア以外にも、ブラウザでアプリを入手することもできます。