Push Notifications са функции, които позволяват на уебсайта да показва незабавни съобщения на потребителя на работния плот. Насочените известия са много удобни, когато става въпрос за комуникация с потребителя, тъй като тези известия са лесни за внедряване и разбиране и разработчикът може да позволи на потребителя да извършва множество действия върху тези известия.

Кодът за показване на известията на работния плот е във vanilla JS и не изисква външна библиотека или зависимост. Единственото нещо, което изисква е жив сървър заедно с IP адрес, който има HTTPS в началото. (т.е. трябва да е защитено с HTTPS. Напр.:- https://www.google.com/). За да облекчите малко изискванията, кодът може просто да бъде внедрен на всеки сайт за внедряване като Github, Heroku, Firebase, GCP и т.н. Всички тези машини за внедряване винаги предоставят защитена HTTPS връзка при внедряване.

Сега създаваме прост JS файл (тук HTML файл с кода по-долу в тага ‹script› или вграден JS) и кодираме нашата функция за уведомяване. Преминаване през кода: -

· Първият ред на кода въвежда функция, която съдържа константа от тип Notification.

· Този тип известие съдържа две основни неща, заглавието („Ново съобщение....“) и тялото на известието. Това тяло съдържа описанието, което искате да дадете като известие, и изображение, което се показва до описанието.

· Следната конструкция if се използва за получаване на разрешение от потребителя, за да позволи на нашето приложение да насочва известия на работния плот на потребителя.

· Сега, ако е дадено разрешение, функцията showNotification се извиква и известието със заглавието, тялото и изображението се показва долу вдясно на потребителя.

· Ако потребителят откаже разрешението, кодът отново ще поиска разрешение и ще провери дали потребителят е дал своето съгласие за същото или не.

Сега просто трябва да разположим кода в услуга или да изпълним кода на сървъра, който ни дава HTTPS връзка и ще получим подкана с искане за разрешение и впоследствие ще получим известието от тялото, което направихме по-горе. Потребителят трябва задължително да разреши на уебсайта да показва известия. Освен това функцията showNotification може да бъде извикана навсякъде в кода и следователно можем да използваме това насочено известие с всяко щракване на бутон или друго взаимодействие и т.н. За по-лесно разбиране пълният код на файла, който има известието е като:-

Въпреки че има много външни API и много други интерактивни начини за показване на насочени известия на потребителя, но това е основният начин и в обикновен ванилен JS и следователно може да помогне по един или друг начин.

Благодаря ти.