Share via

プログレッシブ Web Appsでプロトコルを処理する

  • [アーティクル]

より魅力的なエクスペリエンスを作成するために、プログレッシブ Web Appsは複数のプロトコルを処理できます。 Uniform Resource Locator (URL) は、クライアントが Web 上のリソースを識別できるようにする文字列です。 URL の最初の部分は、 や mailtoなどのhttpプロトコルで、クライアントはリソースを取得する方法を知らせます。

プロトコル処理では、PWA がインストールされている場合、PWA は特定の許可されたプロトコルを処理するために登録できます。 たとえば、電子メール クライアント アプリはプロトコルを処理 mailto するために登録でき、位置情報アプリはプロトコルを処理 geo するために登録できます。

PWA でプレフィックスで web+ 始まるプロトコルが登録されている場合は、カスタム プロトコルも処理できます。

他の既存のプロトコルの詳細については、「 URI スキームの一覧」を参照してください。

処理するプロトコルを登録する

プロトコル処理を使用するには、アプリで処理するプロトコルを宣言します。 これは、配列メンバーを使用protocol_handlersして、Web アプリ マニフェスト ファイルで行われます。

配列内の protocol_handlers 各エントリには、 protocol 文字列と文字列が url 含まれています。

{
    "protocol_handlers": [
        {
            "protocol": "mailto",
            "url": "/newEmail?to=%s"
        }
    ]
}

上記の例では、プロトコルを処理するためにアプリが mailto 登録されています。 オペレーティング システムがプロトコルに応答してアプリを mailto 起動すると、アプリは URL に移動し /newEmail 、プレースホルダーを %s 処理されている完全な URL に置き換えます。

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

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

関連項目