プログレッシブ Web アプリ (PWA) プロトコル処理のテスト

この記事は、PWA Web アプリマニフェストでプロトコルハンドラーが既に定義されており、DevTools を使用してアプリをデバッグしていることを前提としています。 PWA でプロトコルを定義して登録する方法については、「 PWA でプロトコルを処理する」を参照してください。

アプリケーション ツールを使用して、Microsoft Edge が Web アプリマニフェストで定義されたプロトコルのハンドラーとしてアプリを正常に登録したことを確認し、テストします。

プロトコルハンドラーが正しく定義されていることを確認する

プロトコルのハンドラーを PWA Web アプリマニフェストでまだ定義していない場合、 アプリケーション ツールはプロトコルが定義されていないことを確認し、Web アプリマニフェストを更新する方法に関する追加情報を提供します。

Web アプリマニフェストでプロトコルを正しく定義している場合、 アプリケーション ツールは、Microsoft Edge が有効なプロトコルハンドラー登録を検出し、インストールした PWA でこれらのプロトコルハンドラーをテストできることを報告します。

プロトコルハンドラーが正しく定義されていることを確認するには、次の手順を実行します。

Microsoft Edge で、PWA に移動します。 PWAmp デモアプリケーションを使用できます。
DevTools を開きます (F12)。
アクティビティバーで、アプリケーション ツールを選択します。
左側のツリーで [ マニフェスト] を展開し、[ プロトコルハンドラー] を選択します。

[ マニフェスト] ページが [ プロトコルハンドラー ] セクションまで下にスクロールされます。
- プロトコルハンドラーが Web アプリマニフェストで定義されていない場合、または正しく定義されていない場合は、次のメッセージが表示されます。"マニフェストでプロトコルハンドラーを定義して、アプリのインストール時にカスタムプロトコルのハンドラーとしてアプリを登録してください。"
- Web アプリマニフェストでプロトコルハンドラーが正常に定義されている場合は、次のメッセージが表示されます。"マニフェストで有効なプロトコルハンドラー登録が見つかりました。アプリをインストールしたら、登録されているプロトコルをテストします。"

定義したプロトコルハンドラーをテストするには、アプリケーション ツールの [>マニフェスト] ページ >プロトコル ハンドラー セクションを使用します。

アプリケーション ツールからプロトコルハンドラーをテストするには、まず PWA をインストールする必要があります。「Microsoft Edge でプログレッシブ Web Apps (PWA) を使用する際の PWA のインストール」を参照してください。

アプリケーション ツールは、Web アプリマニフェストからすべてのプロトコルハンドラーを検出します。

プロトコルハンドラーをテストするには:

Microsoft Edge で PWA を開きます。 PWAmp デモアプリケーションを使用できます。
PWA をインストールします。「Microsoft Edge でプログレッシブ Web Apps (PWA) を使用する際の PWA のインストール」を参照してください。
DevTools を開きます (F12)。
アクティビティバーで、アプリケーション ツールを選択します。
左側のツリーで [ マニフェスト] を展開し、[ プロトコルハンドラー] を選択します。

[ マニフェスト] ページが [ プロトコルハンドラー ] セクションまで下にスクロールされます。
ドロップダウンリストで、テストするプロトコルを選択します。
テキストボックスに残りの URI を入力し、[ Test protocol ] ボタンをクリックします。

上の例では、次の URI がテストされています。

web+amp://files.freemusicarchive.org/storage-freemusicarchive-org/music/no_curator/Kevin_MacLeod/Jazz_Sampler/Kevin_MacLeod_-_AcidJazz.mp3

PWA が起動します。オペレーティングシステム (OS) によっては、Microsoft Edge が PWA を開き、プロトコルのハンドラーとしてアプリを登録するための OS レベルのアクセス許可を受け入れることを許可する必要がある場合があります。

このページはお役に立ちましたか?