Manipular protocolos no Aplicativos Web Progressivo

  • Artigo

Para criar uma experiência mais envolvente, Aplicativos Web progressivos podem lidar com vários protocolos. Uma URL (Uniform Resource Locator) é uma cadeia de caracteres que permite que os clientes identifiquem 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 Protocolos, 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 podem ser tratados, se um PWA registrar um protocolo que começa com o web+ prefixo.

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

Registrar protocolos para manipular

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 cadeia de protocol caracteres e uma cadeia de url caracteres:

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

No exemplo acima, o aplicativo é 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.

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 manipulador para os protocolos definidos no manifesto do aplicativo Web. Você também pode testar protocolos e iniciar seu PWA com URLs e pontos de extremidade diferentes. Para obter mais informações, consulte Testar o tratamento do protocolo PWA (Aplicativo Web Progressivo).

Confira também