API de notificações da Web

Toda estrutura de interface do usuário tem o mesmo conjunto de widgets que se tornaram quase essenciais para os sites modernos: modais, dicas de ferramentas, variedades de botões e notificações. Um problema que encontro é que cada site tem suas próprias cores, estilos e outros widgets – os usuários não têm uma experiência consistente. Aparentemente, o W3C pensa da mesma forma, pois criou um API de notificações da Web. Veja como usá-la!

O JavaScript

A primeira etapa é a detecção básica de recursos, como seria de se esperar, e, em seguida, o código de criação de notificações:

if(window.Notification && Notification.permission !== "denied") {
	Notification.requestPermission(function(status) {  // status is "granted", if accepted by user
		var n = new Notification('Title', { 
			body: 'I am the body text!',
			icon: '/path/to/icon.png' // optional
		}); 
	});
}

Depois de confirmar que a Notification API é compatível, o senhor deve solicitar o acesso à notificação do usuário. Se o status retornar como “concedido”, o senhor poderá criar uma nova notificação com um título e um corpo de texto.

Fechar a notificação é simples com o botão close :

n.close();

Eu realmente gosto da ideia de o navegador fornecer APIs nativas para componentes comuns da interface do usuário, mas acho engraçado que cada navegador tenha uma aparência diferente para as notificações. No entanto, gosto da simplicidade da API de notificações da Web – o que o senhor acha?