В этой статье мы разберём как сделать Push уведомления на JS с использованием библиотеки Pesh.js, думаю будет очень интересно.
Также посмотрите статью «Обзор библиотеки Granim.js, для создания градиентов», тоже думаю будет крайне интересно и полезно.
Для чего нужны Push уведомления в JS:
Давайте для начала разберём, а зачем вообще нужны Push уведомления на JavaScript, ну во-первых, если вы делаете Web приложения которые предполагают под собой отправку уведомления, например когда у вас что-то загрузилось.
Во вторых это возможно может быть полезно, если вы делаете программу для настольной системы, а не для браузера, тогда вам тоже может пригодиться эта библиотека.
Как установить Push.js:
Установить её очень просто, вам надо только ввести одну npm команду в терминал, вот так:
1 | npm install push.js --save |
После этого можете с ней работать, к сожалению вы не сможете скачать файлы или через CDN использовать библиотеку.
Работа с Push.js:
Работать с ней тоже крайне просто, вот не большой пример:
1 | Push.create('Hello World!') |
То есть тут вы просто используете функцию Push.create(), не забыв импортировать при этом саму библиотеку, в качестве параметра она принимать строку как в нашем случае, это будет заголовок, или вы ещё можете в качестве дополнительного параметра передать объект с параметрами, тогда вы сможете более гибко настроить уведомление.
Вот как выглядит если вы передаёте объект:
1 2 3 4 5 6 7 8 9 | Push.create("Hello world!", { body: "How's it hangin'?", icon: '/icon.png', timeout: 4000, onClick: function () { window.focus(); this.close(); } }); |
В начале мы передаём в объекте body, он отвечает за основной текст в уведомление, потом icon, это иконка, следующие это timeout, сообщает через сколько скрыть уведомление, ну и последние onClick, сообщает что делать при клики на сообщение.
Также там есть ещё много параметров, например teg, который по сути уникальный идентификатор, нужен для закрытия уведомлений вручную.
Или ещё есть onClose(), для обозначения что делать при закрытие, все можете посмотреть по ссылке.
Вывод:
В этой короткой статье вы прочитали как делать Push уведомления на JS, с использованием библиотеки Push.js, думаю вам было интересно, а если вас заинтересовала библиотека, то перейдите по ссылке и почитайте её, там есть ещё пару интересных моментов, которые вам могут пригодиться.
Подписываетесь на соц-сети:
Оценка:
Загрузка...