Notification
Esta última API se encarga de gestionar las notificaciones emitidas por el sitio web, para lo cual cuenta con una función nativa llamada "Notification", la cual posee diversos métodos para trabajar con las notificaciones que se les enviarán a los usuarios.
El primero de estos métodos es: ".requestPermission()", el cual se encarga de solicitar la autorización al usuario para enviarle notificaciones.
Ejemplo
Resultado
De este modo, este método posee tres valores posibles, los cuales son:
-
Default: Se trata del valor por defecto; en este se le consulta al usuario si autoriza el envío de las notificaciones (mostrado anteriormente).
-
Denied: Con este valor el usuario niega el envío de notificaciones, es decir, las desactiva.
-
Granted: Con este valor el usuario autoriza el envío de las notificaciones, por lo tanto estas se le enviarán según esté establecido.
La respuesta del usuario se almacena en la propiedad ".permission", es decir, con esta se puede acceder al valor de ".requestPermission()" que haya sido seleccionado por el usuario.
Una característica de ".requestPermission()" es que realmente este método retorna una promesa (o puede usar un callback); es decir, a este método se le debe definir una función flecha la cual se ejecutará en caso de que ".requestPermission()" se haya realizado.
Ejemplo
El último elemento de esta API es "new Notification", la cual se trata de la forma de declarar una notificación para su ejecución. Dentro de esta se debe declarar el mensaje en cuestión; de esta manera se realiza la petición de autorización al usuario, se accede a su respuesta y se declara la notificación.
Nota: Las notificaciones no requieren ser guardadas en variables, de hecho su envío ocurre en el instante en que estas son creadas.
Nota: Una buena práctica es aplicar un condicional para determinar si las notificaciones son compatibles con el navegador del usuario.
Ejemplo
Por lo tanto, el código para una notificación quedaría estructurado de la siguiente manera:
Ejemplo
