Lidar com protocolos em um PWA

Para criar uma experiência mais envolvente, um PWA (Aplicativo Web Progressivo) pode lidar com vários protocolos. Uma URL (Uniform Resource Locator) é uma cadeia de caracteres que permite aos clientes identificar um recurso na Web. A primeira parte de uma URL é o protocolo, como http ou mailto, que permite que os clientes saibam como recuperar o recurso.

Com o Tratamento de Protocolo, quando um PWA está sendo instalado, o PWA pode se registrar para lidar com determinados protocolos permitidos. Por exemplo, um aplicativo cliente de email pode se registrar para manipular o mailto protocolo ou um aplicativo de geolocalização pode se registrar para manipular o geo protocolo.

Protocolos personalizados também poderão ser manipulados, se um PWA registrar um protocolo que comece com o prefixo web+ .

Para saber mais sobre outros protocolos existentes, consulte Lista de esquemas de URI.

Registre protocolos para lidar com

Para usar o Tratamento de Protocolo, declare quais protocolos seu aplicativo manipula. Isso é feito no arquivo de manifesto do aplicativo Web, usando o membro da protocol_handlers matriz. Cada entrada na protocol_handlers matriz contém uma protocol cadeia de caracteres e uma url cadeia de caracteres:

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

No exemplo acima, o aplicativo está registrado para manipular o mailto protocolo. Quando o sistema operacional inicia o aplicativo em resposta ao mailto protocolo, o aplicativo navega até a /newEmail URL, substituindo o %s espaço reservado pela URL completa que está sendo tratada.

Veja também:

• protocol_handlers para PWAs, no MDN.

Testar protocolos com o DevTools

Você pode usar a ferramenta Aplicativo no Microsoft Edge DevTools para verificar se o Microsoft Edge registrou com êxito seu aplicativo como um manipulador para os protocolos definidos no manifesto do aplicativo Web. Você também pode testar protocolos e iniciar seu PWA com diferentes URLs e pontos de extremidade. Para obter mais informações, consulte Testar o tratamento do protocolo PWA (Aplicativo Web Progressivo).

Confira também

• Testar o tratamento do protocolo PWA (Aplicativo Web Progressivo)

Blog:

• Introdução aos manipuladores de protocolo para seu aplicativo Web

MDN:

• protocol_handlers para o manifesto PWA.
• Práticas recomendadas para PWAs
• Navegador: método registerProtocolHandler()

developer.chrome.com:

• Registro do manipulador de protocolo de URL para PWAs

Wikipédia:

• Lista de esquemas de URI