次の方法で共有

プログレッシブ 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 に置き換えます。

関連項目:

DevTools を使用してプロトコルをテストする

Microsoft Edge DevTools の アプリケーション ツールを使用して、Microsoft Edge が Web アプリ マニフェストで定義したプロトコルのハンドラーとしてアプリが正常に登録されたことを確認できます。 プロトコルをテストし、異なる URL とエンドポイントを使用して PWA を起動することもできます。 詳細については、「 プログレッシブ Web アプリ (PWA) プロトコル処理のテスト」を参照してください。

関連項目