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

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

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

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

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

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

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

1. Microsoft Edge で PWA に移動します。 PWAmp デモ アプリケーションを使用できます。
2. DevTools (F12) を開きます。
3. アプリケーション ツールを開きます。
4. [ マニフェスト ] をクリックしてドロップダウン リストを展開します。
5. [ プロトコル ハンドラー] をクリックします。

プロトコル ハンドラーが Web アプリ マニフェストで定義されていない場合、または正しく定義されていない場合は、次のメッセージが表示されます。

Web アプリ マニフェストでプロトコル ハンドラーが正常に定義されている場合は、次のメッセージが表示されます。

[ プロトコル ハンドラー] セクションでは、定義したプロトコル ハンドラーをテストすることもできます。

アプリケーション ツールからプロトコルをテストする

アプリケーション ツールからプロトコル ハンドラーをテストするには、PWA が既にインストールされている必要があります。 PWA をインストールする方法については、「 PWA のインストール」を参照してください。

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

1. Microsoft Edge で PWA に移動し、DevTools (F12) を開きます。 PWAmp デモ アプリケーションを使用できます。
2. アプリケーション ツールを開き、[マニフェスト>プロトコル ハンドラー] をクリックします。
3. ドロップダウン リストからを選択して、テストするプロトコルを選択します。
4. テキストに残りの URI を入力し、[ テスト プロトコル] をクリックします。 これにより、PWA が起動します。 オペレーティング システム (OS) によっては、Microsoft Edge が PWA を開き、プロトコルのハンドラーとしてアプリを登録するための OS レベルのアクセス許可を受け入れる必要がある場合があります。

次のスクリーンショットでは、 web+amp://files.freemusicarchive.org/storage-freemusicarchive-org/music/no_curator/Kevin_MacLeod/Jazz_Sampler/Kevin_MacLeod_-_AcidJazz.mp3 URI がテストされています。

関連項目

• プログレッシブ Web Apps (PWA) をデバッグする
• プログレッシブ Web Appsでプロトコルを処理する
• Web アプリのプロトコル ハンドラーの概要
• PWA の URL プロトコル ハンドラー登録