Just launched #Peerix, a lightweight, open-source #JavaScript library that takes the headache out of building peer-to-peer #WebRTC apps.
🌐 Direct browser-to-browser streaming & data transfer
🔌 Pluggable signaling drivers: #MQTT, #NATS, #Centrifugo, #SSE, #SocketIo, #Supabase, etc.
✨ Minimal API surface, #TypeScript-first, zero dependencies
🛠️ Auto-handles collisions and reconnects
If you're building #P2P apps, check it out! Feedback is welcome 👇
Centrifugo JS client в Laravel: frontend и production
Разбираем frontend и эксплуатацию real-time системы на Laravel и Centrifugo: JS client, reconnect, token refresh, HTTP recovery, Nginx, логи и мониторинг.
Публикация событий из Laravel в Centrifugo: Events, listeners, queue jobs и безопасный real-time payload
В этой статье разберём, как правильно организовать публикацию real-time событий в Laravel: почему не стоит отправлять сообщения напрямую из контроллеров, как использовать Laravel Events и listeners, зачем нужны queue jobs, почему afterCommit() критичен для корректности данных и каким должен быть безопасный payload без полной Eloquent-модели.
Real-time в Laravel-проекте не должен начинаться с прямого HTTP-запроса к Centrifugo из контроллера. Это быстрый путь к связанному коду, нестабильной архитектуре и ошибкам синхронизации между frontend...
Каналы и авторизация в Centrifugo: как безопасно подключить real-time в Laravel
Real-time без авторизации опасен. Если пользователь может подписаться на чужой канал, он может получать чужие уведомления, статусы заказов, сообщения, события админки или финансовые обновления. В обычном HTTP API такая ошибка выглядела бы как доступ к чужому endpoint. В WebSocket-архитектуре ошибка такая же, просто выглядит менее очевидно. Разбираем в Centrifugo: публичные и приватные подписки, connection token, subscription token, права доступа и безопасное подключение
Архитектура Laravel + Centrifugo: кто за что отвечает в real-time системе
В первой части мы разобрались, что Real-time на Laravel-сайте нужен там, где интерфейс должен получать изменения без перезагрузки страницы: новые уведомления, смену статуса заказа, сообщения в чате, обновления виджетов, события в административной панели. Для таких задач классическая модель HTTP-запроса уже недостаточна, а polling создаёт лишнюю нагрузку на backend. Один из практичных вариантов решения — использовать Centrifugo как отдельный WebSocket-сервер рядом с Laravel-приложением. В этой статье разберём архитектуру Laravel + Centrifugo: за что отвечает Laravel, какую роль выполняет Centrifugo, как frontend подключается к real-time каналу и как выглядит типовой сценарий публикации события, например при изменении статуса заказа.
Real-time на сайте с Laravel и Centrifugo: зачем нужен WebSocket
Разбираем, зачем нужен real-time на сайте, почему polling создаёт лишнюю нагрузку и как Centrifugo помогает добавить WebSocket в Laravel-приложение без разрушения backend-архитектуры.
Подключаем Centrifugo в laravel
В этой статье мы рассмотрим интеграцию сервера реального времени Centrifugo с фреймворком Laravel, основные настройки и нюансы работы Centrifugo – это сервер для работы в реальном времени, который поддерживает различные транспорты для подключения клиентов, включая WebSocket, HTTP-streaming, Server-Sent Events (SSE) и другие. Он использует publish-subscribe паттерн для обмена сообщениями
Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложения
В первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!
https://habr.com/ru/companies/amvera/articles/893250/
#telegram_mini_app #telegram_webapp #vuejs #vue3 #vuejs3 #centrifuge #centrifugo_v6 #websocket #centrifugo #vuetg
Друзья, приветствую! Как вы поняли из названия статьи, сегодня мы завершим наш проект анонимного чата "Тет А Тет" в формате телеграм-бота с MiniApp (ранее известного как WebApp). Напоминаю, что в...
Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 1 — Бэкенд на FastAPI, Aiogram, Redis и Centrifugo
Это первая статья из цикла, посвященного разработке телеграм-бота с MiniApp для случайных чатов. В этой части мы сосредоточимся на создании бэкенда, используя современные технологии: FastAPI для разработки API, Redis для хранения данных в реальном времени и Centrifugo для обеспечения мгновенного взаимодействия между пользователями. Сегодня мы подробно разберем архитектуру проекта, настройку серверов и реализацию логики бота. В следующей статье мы переключимся на фронтенд и займемся разработкой MiniApp с использованием фреймворка Vue.js . Это позволит создать интуитивно понятный интерфейс для пользователей, где они смогут настраивать параметры поиска собеседника и общаться в режиме реального времени (Real time).
https://habr.com/ru/companies/amvera/articles/890976/
#fastapi #telegram_mini_app #telegram_webapp #python #centrifugo #centrifugo_v6 #sqlalchemy #redis #redis_python #бэкенд
Друзья, приветствую! Давно анонсировал большой проект, но из-за загруженности не доходили руки оформить все в статью. Как видите, руки наконец дошли. Напомню, что из анонса следовала разработка...
meefik
Habr
OffSequence