Lançar notificações nativas com JavaScript

7d atrás

Ion

---

0 0

A Notifications API do #JavaScript, permite lançar notificações nativas do sistema para o usuário.

Em primeiro lugar, vamos criar uma função que vai mostrar as notificações:

async function showNotification() {
	// Aqui vai o próximo código
}

Agora é só verificar as permissões, e se concedida, lançar a notificação:

const permission = await Notification.requestPermission();

if (permission === 'granted') {
	const notification = new Notification('Olá, Mundo!');
	
	notification.addEventListener('click', () => alert('Notificação clicada!'));
}

Observações

Lembre-se de testar em localhost, ou em um contexto seguro, com https. Verifique também as permissões de notificação do navegador.

Tratar eventos

Quando o usuário clicar na notificação, por exemplo, podemos executar alguma ação:

notification.addEventListener('click', () => alert('Notificação clicada!'));