Processar protocolos num PWA

Para criar uma experiência mais envolvente, uma Aplicação Web Progressiva (PWA) pode processar vários protocolos. Um UrL (Uniform Resource Locator) é uma cadeia que permite aos clientes identificar um recurso na Web. A primeira parte de um URL é o protocolo, como http ou mailto, que permite aos clientes saberem como obter o recurso.

Com o Processamento de Protocolos, quando um PWA está a ser instalado, o PWA pode registar-se para processar determinados protocolos permitidos. Por exemplo, uma aplicação cliente de e-mail pode registar-se para processar o mailto protocolo ou uma aplicação de geolocalização pode registar-se para processar o geo protocolo.

Os protocolos personalizados também podem ser processados se um PWA registar um protocolo que comece com o web+ prefixo.

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

Registar protocolos a processar

Para utilizar o Processamento de Protocolos, declare os protocolos que a sua aplicação processa. Isto é feito no ficheiro de manifesto da aplicação Web com o membro da protocol_handlers matriz. Cada entrada na protocol_handlers matriz contém uma protocol cadeia e uma url cadeia:

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

No exemplo acima, a aplicação está registada para processar o mailto protocolo. Quando o sistema operativo inicia a aplicação em resposta ao mailto protocolo, a aplicação navega para o /newEmail URL, substituindo o %s marcador de posição pelo URL completo que está a ser processado.

Veja também:

• protocol_handlers para PWAs, na MDN.

Testar protocolos com as DevTools

Pode utilizar a ferramenta Aplicação no Microsoft Edge DevTools para verificar se o Microsoft Edge registou com êxito a sua aplicação como um processador para os protocolos que definiu no manifesto da sua aplicação Web. Também pode testar protocolos e iniciar o PWA com diferentes URLs e pontos finais. Para obter mais informações, veja Testar o processamento de protocolos PWA (Test Progressive Web App).

Confira também

• Testar o processamento de protocolos PWA (Aplicação Web Progressiva)

Blogue:

• Introdução aos Processadores de Protocolos para a sua aplicação Web

MDN:

• protocol_handlers para o manifesto do PWA.
• Melhores práticas para PWAs
• Navegador: registerProtocolHandler() method (Método Navigator: registerProtocolHandler()

developer.chrome.com:

• Registo do processador do protocolo URL para PWAs

Wikipédia:

• Lista de esquemas de URI