Поделиться через

Обработка ссылок на PWA

Прогрессивное веб-приложение (PWA) в операционной системе устройства может обрабатывать ссылки, чтобы при активации связанного URL-адреса PWA можно было запросить запуск вместо веб-браузера, чтобы создать более привлекательный интерфейс.

Эта обработка ссылок похожа на то, как собственные приложения обрабатывают ссылки во многих операционных системах.

Операционная система, в которую установлен PWA, автоматически запускает PWA для любой ссылки, ссылающейся на содержимое, которое находится в область PWA, при выполнении любого из следующих условий:

  • PWA был установлен из Microsoft Store в Windows.
  • PWA был установлен с помощью Microsoft Edge, и Microsoft Edge является браузером по умолчанию на устройстве.

Для работы автоматической обработки ссылок код не требуется, но конечные пользователи могут отказаться от автоматической обработки ссылок. Чтобы отказаться от автоматической обработки ссылок, выполните приведенные далее действия.

  1. В Microsoft Edge перейдите по адресу edge://apps.

  2. Найдите PWA, для которого требуется отключить автоматическую обработку ссылок, и щелкните Сведения.

  3. На странице сведений о PWA в разделе Обработка ссылок нажмите переключатель.

Страница сведений edge://apps для приложения проигрывателя музыки PWAmp, показывающая, где находится переключатель обработки ссылок

Расширения области позволяют прогрессивному веб-приложению (PWA) записывать навигацию по доменам, поддоменам или путям, кроме собственных область. Расширения области позволяют веб-приложениям, которые полагаются на несколько доменов верхнего уровня, несколько поддоменов или несколько путей, быть представлены в виде одного веб-приложения.

Расширение области может быть полезно для таких случаев, как PWA, которые обрабатывают локализацию с помощью нескольких доменов, поддоменов или путей.

область PWA, если не используются расширения область

Манифест PWA определяет, какая часть домена размещения, например конкретный путь, к которой относится PWA. Например, доменное www.contoso.com имя может иметь PWA, определенный в пути www.contoso.com/app, с его область задано значение /app.

В этом случае все веб-страницы в www.contoso.com/app пути являются частью область PWA. Однако если вы не используете расширения область, следующие веб-страницы не являются частью этого область PWA:

  • Веб-страницы в другом домене, например www.contoso.co.uk.
  • Веб-страницы в другом поддомене, например bar.contoso.com.
  • Веб-страницы по другому пути, например www.contoso.com/foo.

Расширение область на другие домены, поддомены или пути

С помощью расширений область PWA может охватывать другие домены, поддомены или пути. Например:

PWA может охватывать следующие домены верхнего уровня:

  • contoso.com
  • contoso.co.uk
  • contoso.fr

PWA может охватывать следующие поддомены:

  • www.contoso.com
  • bar.contoso.com

PWA может охватывать следующие пути:

  • www.contoso.com/app
  • www.contoso.com/foo

Элемент манифеста scope_extensions веб-приложения

Элемент scope_extensions манифеста веб-приложения позволяет веб-приложению расширять свои область на другие источники.

Например, этот файл манифеста веб-приложения находится в домене sample-app.comи расширяет область до другого домена: example.com

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "origin",
      "origin": "https://example.com"
    }
  ]
}

Источники, перечисленные в элементе scope_extensions , должны подтвердить, что они связаны с веб-приложением, размещая файл конфигурации с именем .well-known/web-app-origin-association. В файле конфигурации должен быть указан источник веб-приложения.

Например, этот .well-known/web-app-origin-association файл конфигурации находится в домене example.comи содержит источник веб-приложения в качестве домена sample-app.com:

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

См. также: