.WEBMANIFEST ファイル拡張子

PWAはデバイスにインストールできるWebアプリケーションで、通常はデバイスのデスクトップまたはホーム画面にインストールされます。これにより、ユーザーはネイティブのOSアプリケーションと同じようにWebアプリケーションにアクセスできます。

たとえば、Google Chromeでは、app.starbucks.comに移動し、Google Chromeの設定メニューを開いてからInstall Starbucksを選択すると、Starbucks PWAをインストールできます。これにより、ユーザーが開いてapp.starbucks.comから注文できるStarbucksアプリケーションが作成されます。

各PWAにはWEBMANIFESTファイルが含まれています。これは、アプリの名前、開始URL（アプリのメイン画面の読み込みに使用されるURL）、アプリケーションアイコン、その他多くの設定を指定するJSONファイルです。各WEBMANIFESTファイルには、次のJSONオブジェクトを含めることができます。

• background_color：PWAの読み込み画面の背景色を定義します
• categories：PWAが属するカテゴリを定義します
• description：アプリの目的を説明します
• dir：PWAでテキストを表示するデフォルトの方向（左から右または右から左）を定義します
• display：PWAの優先表示モードを定義します。fullscreen、standalone、minimal-ui、またはbrowserに設定できます
• iarc_rating_id：International Age Rating Coalitionの認定コードを含みます
• icons：PWAのアイコンとして使用される画像を指定します
• lang：PWAの主要言語を指定します
• name：PWAの名前を指定します
• orientation：PWAのデフォルトの向きを指定します。any、natural、landscape、landscape-primary、landscape-secondary、portrait、portrait-primary、またはportrait-secondaryに設定できます
• prefer_related_applications：related_applicationsオブジェクトに一覧表示されたアプリ（複数可）を優先し、PWAの代わりに開くかどうかを指定します
• protocol_handlers：PWAが登録して処理できるプロトコルを一覧表示します
• related_applications：OSがPWAの代わりに実行できるネイティブアプリケーションを一覧表示します
• scope：PWA内で表示できるWebページを制限します
• screenshots：PWAストアでPWAのスクリーンショットとして使用する画像を指定します
• short_name：完全な名前を表示できない場合に使用するPWAの短い名前を定義します
• shortcuts：PWAに含まれる重要なタスクまたはページへのリンクとして使用するURLを定義します。コンテキストメニューの作成に使用されます
• start_url：ユーザーがPWAを開いたときにデフォルトで読み込まれるURLです
• theme_color：PWAのデフォルトのテーマカラーを定義します

ほとんどのWEBMANIFESTファイルには、上記の設定の一部だけが含まれています。開発者は通常、PWAのメイン.HTMLファイル内でWEBMANIFESTファイルにリンクします。