プログレッシブ Web アプリでプロトコルを処理する
より魅力的なエクスペリエンスを作成するために、プログレッシブ Web アプリは複数のプロトコルを処理できます。 Uniform Resource Locator (URL) は、クライアントが Web 上のリソースを識別できるようにする文字列です。 URL の最初の部分は、httpやmailtoなどのプロトコルであり、クライアントはリソースを取得する方法を知らせます。
プロトコル処理では、PWA がインストールされている場合、PWA は特定の許可されたプロトコルを処理するために登録できます。 たとえば、電子メール クライアント アプリは、 mailto プロトコルを処理するために登録したり、位置情報アプリを登録して geo プロトコルを処理したりできます。
PWA が web+ プレフィックスで始まるプロトコルを登録する場合は、カスタム プロトコルも処理できます。
他の既存のプロトコルの詳細については、「 URI スキームの一覧」を参照してください。
処理するプロトコルを登録する
プロトコル処理を使用するには、アプリで処理するプロトコルを宣言します。 これは、 protocol_handlers 配列メンバーを使用して、Web アプリ マニフェスト ファイルで行われます。
protocol_handlers配列の各エントリには、protocol文字列とurl文字列が含まれています。
{
"protocol_handlers": [
{
"protocol": "mailto",
"url": "/newEmail?to=%s"
}
]
}
上記の例では、 mailto プロトコルを処理するためにアプリが登録されています。 オペレーティング システムが mailto プロトコルに応答してアプリを起動すると、アプリは /newEmail URL に移動し、 %s プレースホルダーを処理されている完全な URL に置き換えます。
関連項目:
- 「Web アプリ マニフェストを使用して OS に PWA を統合する」の特定のプロトコル スキームを処理します。
DevTools を使用してプロトコルをテストする
Microsoft Edge DevTools の アプリケーション ツールを使用して、Microsoft Edge が Web アプリ マニフェストで定義したプロトコルのハンドラーとしてアプリが正常に登録されたことを確認できます。 プロトコルをテストし、異なる URL とエンドポイントを使用して PWA を起動することもできます。 詳細については、「 プログレッシブ Web アプリ (PWA) プロトコル処理のテスト」を参照してください。