Интеграция Pusher JS с Angular Framework

Сделайте ваше угловое приложение более живым с помощью библиотеки PusherJS.

Угловой с толкателем

Обзор каналов

Pusher Channels обеспечивает связь в реальном времени между серверами, приложениями и устройствами. Каналы используются для диаграмм в реальном времени, списков пользователей в реальном времени, карт в реальном времени, многопользовательских игр и многих других видов обновлений пользовательского интерфейса.

Установка

Если вы используете Pusher Channels на веб-странице, вы можете установить библиотеку через:

npm install --save pusher-js

В .angular-cli.json мы включаем следующее:

"scripts": ["../node_modules/pusher-js/dist/web/pusher.min.js"]

Мы создаем наш websocket.service, выполнив команду:

ng generate service WebSocketService

В websocket.service.tsмы слушаем канал(ы):

Вывод

В этой статье мы узнали, как добавить функциональность в реальном времени в наши приложения Angular путем интеграции с pushe.