プログレッシブ Web アプリへのリンクを処理する
多くのオペレーティング システム上のネイティブ アプリは、リンクを処理できます。 関連する URL がアクティブ化されると、ネイティブ アプリは Web ブラウザーではなく起動を要求して、これらのアプリに対してより魅力的なエクスペリエンスを作成できます。
プログレッシブ Web Apps (PWA) も同様の方法でリンクを処理できます。
自動リンク処理
PWA がインストールされているオペレーティング システムは、次のいずれかの条件が満たされると、PWA のスコープ内にあるコンテンツを参照するリンクに対して PWA を自動的に起動します。
- PWA は、Windows 上の Microsoft Store からインストールされました。
- PWA は Microsoft Edge を使用してインストールされ、Microsoft Edge はデバイスの既定のブラウザーです。
自動リンク処理を機能させるためにコードは必要ありませんが、エンド ユーザーは自動リンク処理をオプトアウトできます。 自動リンク処理をオプトアウトするには:
Microsoft Edge で、[
edge://apps] に移動します。自動リンク処理を無効にする PWA を見つけて、[ 詳細] をクリックします。
[PWA の詳細] ページの [ リンク処理 ] セクションで、トグル ボタンをクリックします。
スコープ拡張機能を使用して他の配信元からのリンクを処理する
スコープ拡張機能を使用すると、PWA が独自のスコープ以外のパス、サブドメイン、またはサイトへのナビゲーションをキャプチャできます。 これは、ローカライズ目的で複数のドメインにまたがる PWA に役立ちます。 たとえば、PWA は、 contoso.com、 contoso.co.uk、 contoso.frにまたがる場合があります。
PWA のマニフェストは、PWA のスコープを設定するホスティング ドメインのどの部分を定義します。 たとえば、www.contoso.com ドメイン名には、スコープが /app に設定された www.contoso.com/app の下に PWA が定義されている場合があります。 この場合、 www.contoso.com/app パス内で使用可能なすべての Web ページは PWA スコープの一部です。 ただし、 www.contoso.com/foo パス内の Web ページは PWA スコープの一部ではありません。 さらに、 bar.contoso.com/app または www.contoso.co.uk で使用できる Web ページも PWA スコープの一部ではありません。
配信元の試用版
2024 年 10 月 17 日現在、スコープ拡張機能機能は配信元試用版です。 状態については、「Chrome プラットフォームの状態」の 「Web アプリスコープ拡張機能機能 」を参照してください。
この機能を Microsoft Edge で使用でき、配信元の試用版でなくなった場合は、この機能が現在の記事に記載されています。 マニフェスト インキュベーション リポジトリの Explainer であるWeb Appsのスコープ拡張機能に関するページを参照してください。
関連項目: