Exemplos de Aplicações Web Progressivas

O exemplo de Aplicativos Web Progressiva (PWAs) mostra como utilizar funcionalidades e APIs que podem melhorar progressivamente a sua aplicação quando instalada num dispositivo.

Para obter as descrições geral da maioria dos exemplos do PWA, veja Progressive Aplicativos Web (PWAs) no Readme para o repositório "MicrosoftEdge/ Demo".

O primeiro exemplo a utilizar ao começar é o exemplo de conversor de temperatura.

Veja o ficheiro Readme para obter um determinado exemplo. Alguns exemplos requerem a configuração e não funcionam se clicar na ligação de demonstração GitHub.io da aplicação.

Os exemplos seguintes encontram-se num repositório diferente do repositório "MicrosoftEdge/Demo".

BPM Techno

O BPM Techno analisa o áudio através do microfone do dispositivo e apresenta um contador BPM (beats por minuto) em tempo real.

A aplicação BPM Techno

Readme e código fonte, Aplicação.

Esta demonstração está no repositório webmaxru/bpm-counter .

O BPM Techno utiliza as seguintes funcionalidades:

Recurso Descrição Documentação
Atalhos BPM Techno define um atalho que permite aos utilizadores carregar um ficheiro de áudio na aplicação. Definir atalhos de aplicação (menus de premir ou clicar com o botão direito do rato)
Processamento de Ficheiros O BPM Techno processa nativamente ficheiros *.mp3 . Processar ficheiros num PWA
Partilhar Destino Outras aplicações podem partilhar ficheiros de áudio com o BPM Techno através da caixa de diálogo de partilha do sistema operativo. Receber conteúdo partilhado
Processamento de Protocolos A aplicação processa URIs que podem ser utilizados web+bpm: para enviar ligações para uma música a analisar. Processar protocolos num PWA

Webboard

O Webboard é uma aplicação de desenho.

O Webboard é uma Aplicação Web Progressiva para desenho e quadro inteligente

Readme e código fonte, Aplicação.

Esta demonstração está no repositório pwa-builder/web-whiteboard .

O Webboard utiliza as seguintes funcionalidades:

Recurso Descrição Documentação
Partilha Web Os desenhos podem ser partilhados com outras aplicações através da caixa de diálogo de partilha do sistema operativo. Partilhar conteúdo

Consulte também