Web Notificações Push: Oportunas, Relevantes e Preciso

Por Joseph Medley
Técnico Escritor

Se você perguntar a um quarto de desenvolvedores que dispositivo móvel funcionalidades estão faltando doservidor web, as notificações de envio estão sempre no topo da lista.

notificações de push Web permitem aos utilizadores opt-in para atualizações atempadas do sitesthey love e permitem que você efetivamente re-engajá-los com conteúdo personalizado e relevante.,

a API Push e a API Notification abrem um novo conjunto de possibilidades para você se envolver novamente com seus usuários.os trabalhadores dos serviços estão envolvidos?sim. O Push baseia-se nos trabalhadores dos serviços, uma vez que os trabalhadores dos serviços operam em terra firme. Isto significa que o único código de tempo é executado para uma notificação push (em outras palavras, a única vez que a bateria é usada) é quando o usuário interage com uma notificação clicando nela ou fechando-a. Se você não está familiarizado com eles,confira a introdução do trabalhador de serviço., Usaremos o código do trabalhador em secções posteriores quando lhe mostrarmos como implementar os impulsos e notificações.

duas tecnologias

Push e notification use APIs diferentes, mas complementares: push é invocado quando um servidor fornece informações a um trabalhador de serviços; umaotificaçãoé a acção de um trabalhador de serviços ou de um programa de páginas web que mostra informações a um utilizador.

uma pequena anatomia de notificação

na próxima seção nós vamos jogar um monte de fotos em você, mas wepromised code. Então, aqui está., Com um registro de trabalhador de serviço você chamashowNotification em um objeto de registro.

serviceWorkerRegistration.showNotification(title, options);

title argumento aparece como um título na notificação. The optionsargument is an object literal that sets the other properties of a notification.Um objeto de opções típicas se parece com isso:

este código produz uma notificação como a da imagem. Ele geralmente fornece as mesmas capacidades que uma aplicação nativa., Antes de mergulhar nas especificidades de implementação dessas capacidades, vou mostrar-lhe como usar essas capacidades de forma eficaz. Vamos continuar a descrever a mecânica de implementar notificações push, incluindo lidar com permissões e subscrições, enviar mensagens e responder a elas.como posso tentar?

Existem várias maneiras que você pode jogar com as características antes de completar a compreensão como elas funcionam, ou tem que implementá-las. Primeiro, verifica a tua própria amostra.Também estão disponíveis o Generator de notificação de Peter Beverloo e a Demo Push Payload do Mozilla.,

Feedback

esta página foi útil?
Sim
qual foi a melhor coisa sobre esta página?
ajudou-me a completar o(S) Meu (s) objetivo (s)
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

teve a informação que eu precisava
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

teve informações precisas
obrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

foi fácil de ler
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

algo mais
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

No
qual foi a pior coisa nesta página?
não me ajudou a completar o(S) Meu (s) objetivo (s)
obrigado pelo feedback., Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

estava faltando informação que eu precisava
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

teve informação imprecisa
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

foi difícil ler
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.,

algo mais
obrigado pelo feedback. Se você tem idéias específicas sobre como melhorar esta página, por favor crie um problema.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Ir para a barra de ferramentas