Fosstodon

4 posts4 participants0 posts today

Aral BalkanNew Kitten release 🎉<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>• New: Lovely new icons¹ and new callouts in Kitten Settings²• New: Markdown now supports attributes and bracketed spans³• New: client-side `kitten` global with `trigger` function for triggering events on the server from the client. (Useful when streaming client-side JavaScript when using Kitten’s Streaming HTML⁴ workflow. e.g., when you have to use a client-only web API like the Clipboard API but you want to keep all your logic on your server-side page.⁵)• Fixed: The bound render function returned by `KittenComponent` class’s `component` getter now correctly awaits asynchronous templates. (In Kitten, you don’t have to care whether your templates contain promises. Kitten handles all that for you.)Enjoy! :kitten:💕¹ <a href="https://kitten.small-web.org/reference/#icons" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#icons</a>² <a href="https://mastodon.ar.al/@aral/114381983893061099" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381983893061099</a>³ <a href="https://kitten.small-web.org/reference/#markdown-support" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/reference/#markdown-support</a> (also see <a href="https://mastodon.ar.al/@aral/114381462302862256" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.ar.al/@aral/114381462302862256</a>)⁴ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>⁵ e.g., See how I use this to implement a copy to clipboard button in the database page of Kitten’s Settings: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/db/index.page.js#L33</a> Of course, you don’t have to use this and you can just write client-side JavaScript or use the built-in Alpine.js integration. e.g., how I do it on the (older) settings/identity page: <a href="https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codeberg.org/kitten/app/src/branch/main/web/%F0%9F%90%B1/settings%F0%9F%94%92/identity/index.page.js#L7</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a>

HabrМасштабируемая архитектура дёшево и сердито🖥️ Микросервисы дёшево и сердито В стате разобран кейс масштабирования websocket сервера между произвольным количеством реплик. Реплики обрабатывают один порт ( SO_REUSEPORT ), а значит, продолжение обслуживания клиента при неполадках осуществляется бесшовно. Для взаимодействия между репликами используется шина событий IPC как наиболее оптимальный вариант в условиях ограниченного бюджета<a href="https://habr.com/ru/articles/903222/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/903222/</a><a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/bun" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bun</a> <a href="https://zhub.link/tags/ipc" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ipc</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/%D0%BC%D0%B8%D0%BA%D1%80%D0%BE%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#микросервисы</a> <a href="https://zhub.link/tags/pm2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pm2</a> <a href="https://zhub.link/tags/%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D0%BF%D0%BE%D1%82%D0%BE%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#многопоточность</a>

Neustradamus :xmpp: :linux:<a href="https://mastodon.social/tags/curl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#curl</a> 8.13.0 has been released (<a href="https://mastodon.social/tags/libcurl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#libcurl</a> / <a href="https://mastodon.social/tags/Haxx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Haxx</a> / <a href="https://mastodon.social/tags/DICT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DICT</a> / <a href="https://mastodon.social/tags/FILE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FILE</a> / <a href="https://mastodon.social/tags/FTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FTP</a> / <a href="https://mastodon.social/tags/FTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FTPS</a> / <a href="https://mastodon.social/tags/Gopher" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gopher</a> / <a href="https://mastodon.social/tags/HTTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP</a> / <a href="https://mastodon.social/tags/HTTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTPS</a> / <a href="https://mastodon.social/tags/IMAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IMAP</a> / <a href="https://mastodon.social/tags/IMAPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IMAPS</a> / <a href="https://mastodon.social/tags/LDAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LDAP</a> / <a href="https://mastodon.social/tags/LDAPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LDAPS</a> / <a href="https://mastodon.social/tags/MQTT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MQTT</a> / <a href="https://mastodon.social/tags/POP3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#POP3</a> / <a href="https://mastodon.social/tags/POP3S" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#POP3S</a> / <a href="https://mastodon.social/tags/RTMP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTMP</a> / <a href="https://mastodon.social/tags/RTMPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTMPS</a> / <a href="https://mastodon.social/tags/RTSP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RTSP</a> / <a href="https://mastodon.social/tags/SCP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCP</a> / <a href="https://mastodon.social/tags/SFTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SFTP</a> / <a href="https://mastodon.social/tags/SMB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMB</a> / <a href="https://mastodon.social/tags/SMBS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMBS</a> / <a href="https://mastodon.social/tags/SMTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMTP</a> / <a href="https://mastodon.social/tags/SMTPS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SMTPS</a> / <a href="https://mastodon.social/tags/Telnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Telnet</a> / <a href="https://mastodon.social/tags/TFTP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TFTP</a> / <a href="https://mastodon.social/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> / <a href="https://mastodon.social/tags/SOCKS4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SOCKS4</a> / <a href="https://mastodon.social/tags/SOCKS5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SOCKS5</a> / <a href="https://mastodon.social/tags/SCRAM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SCRAM</a> / <a href="https://mastodon.social/tags/TLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TLS</a> / <a href="https://mastodon.social/tags/HTTP2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP2</a> / <a href="https://mastodon.social/tags/HTTP3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP3</a>) <a href="https://curl.se/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://curl.se/</a>

HabrНа пальцах про WebRTC на примере своего мессенджераСегодня разберёмся, как сделать видеозвонки — ту самую фичу, без которой сложно представить современное общение в 2025 году, на примере реализации мессенджера. Для этого мы познакомимся с WebRTC — технологией, которая позволяет приложениям устанавливать прямое соединение друг с другом для обмена аудио, видео и другими данными. Это мощный, но местами капризный инструмент, который требует понимания архитектуры, сигналинга и сетевых нюансов вроде NAT и ICE.<a href="https://habr.com/ru/articles/902084/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/902084/</a><a href="https://zhub.link/tags/WebRTC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebRTC</a> <a href="https://zhub.link/tags/react_native" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#react_native</a> <a href="https://zhub.link/tags/typescript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typescript</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/graphql" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#graphql</a>

oneM2M-The Global IoT StandardIf you are a <a href="https://c.im/tags/developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#developer</a> and need to combine several <a href="https://c.im/tags/protocol" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#protocol</a> <a href="https://c.im/tags/bindings" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bindings</a> for an <a href="https://c.im/tags/IoT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IoT</a> system, the ACME-CSE provides a great environment for learning and experimentation <a href="https://acmecse.net/home/Supported/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://acmecse.net/home/Supported/</a> <a href="https://c.im/tags/CoAP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CoAP</a> <a href="https://c.im/tags/http" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http</a> <a href="https://c.im/tags/MQTT" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MQTT</a> <a href="https://c.im/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a>

Alexey SkobkinБлин, у меня какая-от непонятная херота с WebSocket соединениями на моём GoToSocial.Альтернативные мастодон-морды не могут подключиться к вебсокету. А ручной коннект через создание вебсокета в консоли браузера - срабатывает.При этом при WS-коннекте из того же Masto-FE Standalone (GTS flavor) я вижу, что в заголовках запроса улетает <code>sec-websocket-protocol</code> равный моему токену, который и так передаётся в урле при подключении:<pre><code>/api/v1/streaming?access_token=<my_token_here> </code></pre>И это очень странно. Потому что <code>sec-websocket-protocol</code> так-то вроде вообще не для этого.Соответственно, если я попытаюсь воспроизвести руками и сделать примено так:<pre><code>new WebSocket( "wss://gts.skobk.in/api/v1/streaming?access_token=<your_token>", "<your_token>" ); </code></pre>То получу аналогичный результат с проблемой соединения.Но вот какого хера это происходит - неясно.Тем временем не факт, что проблема только в этом. В Phanpy при этом заголовка такого в запросе нет, но результат - такой же.Со стороны GTS же я вижу такое:<pre><code>gotosocial | timestamp="13/04/2025 03:01:29.171" func=streaming.(*Module).handleWSConn level=INFO streamID=<redacted> username=skobkin requestID=<redacted> msg="opened websocket connection" ... gotosocial | timestamp="13/04/2025 03:01:34.214" func=streaming.(*Module).readFromWSConn level=ERROR streamID=<redacted> username=skobkin requestID=<redacted> msg="error during websocket read: websocket: close 1006 (abnormal closure): unexpected EOF" gotosocial | timestamp="13/04/2025 03:01:34.214" func=streaming.(*Module).handleWSConn level=INFO streamID=<redacted> username=skobkin requestID=<redacted> msg="closed websocket connection" </code></pre>Хотелось бы подумать, что "да это просто Nginx не настроен!", но:<ul><li>Руками-то сокет создаётся и переходит в статус <code>101</code></li><li>Другие сервисы с подобным конфигом работают нормально на этом же сервере</li></ul><a href="https://gts.skobk.in/tags/wtf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WTF</a> <a href="https://gts.skobk.in/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://gts.skobk.in/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://gts.skobk.in/tags/gotosocial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GoToSocial</a> <a href="https://gts.skobk.in/tags/log" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#log</a> <a href="https://gts.skobk.in/tags/fail" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FAIL</a>

Adam NelsonIt's 2025, and there's still no widely-used standardized RPC protocol for <a href="https://fosstodon.org/tags/WebSocket" class="mention hashtag" rel="tag">#WebSocket</a>.I've looked from time to time, and I never find anything. WAMP is perhaps the closest, but it's massively complex, needs a separate router, and the company that "owns" it (Crossbar) is dead.What else is there? I see the occasional attempt at JSON-RPC or gRPC over WebSocket, but each implementation is unique and nonstandard. I'm half considering writing my own based on Lexicon (w/o the <a href="https://fosstodon.org/tags/ATProto" class="mention hashtag" rel="tag">#ATProto</a> XRPC baggage).

HabrКнопка «F5» устала: real-time уведомления в микросервисной архитектуреПредставьте себе: у вас железнодорожная станция, сотни вагонов, десятки пользователей в системе, каждый раз кто-то нажимает кнопку "Обновить", чтобы узнать — разгрузили ли нужный вагон. Вся логика обновления построена на "manual refresh". Да-да, пользователь сам жмёт кнопку, чтобы получить свежие данные. Система автоматической разгрузки или другой человек разгрузил что-то на другом конце станции, но вы об этом не узнаете, пока не перезагрузите страницу. А ещё — избыток HTTP-запросов, polling, перегруженные серверы и полное отсутствие real-time взаимодействия. Есть вариант! Масштабируемая и отказоустойчивая архитектура с использованием Redis Sentinel + Pub/Sub + WebSocket/SSE . В статье расскажем какие проблемы возникают с real-time в Kubernetes, почему стандартные WebSocket-подходы не работают при нескольких подах, как построить отказоустойчивую систему с Redis Sentinel, как сделать real-time UI, сохранив отказоустойчивость и масштабируемость, и как всё это запустить локально для отладки. 👇 Разбираем решение!<a href="https://habr.com/ru/companies/nlmk/articles/882004/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/nlmk/articles/882004/</a><a href="https://zhub.link/tags/java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#java</a> <a href="https://zhub.link/tags/redis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#redis</a> <a href="https://zhub.link/tags/sentinel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sentinel</a> <a href="https://zhub.link/tags/sse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sse</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/notifications" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#notifications</a>

HabrWebSocket: просто о сложном. Часть 2 — практическое применение и тонкостиС вами снова Юля, системный аналитик из EvApps и мы продолжаем разбираться в технологии WebSocket. В первой части (WebSocket для начинающих системных аналитиков: просто о сложном. Часть 1 ) , мы познакомились с основами WebSocket, а теперь давайте заглянем под капот реального сайта, например, криптобиржи. Попробуем понять, как работает этот сложный механизм: что происходит, когда вы видите мгновенно меняющиеся котировки и графики, и что происходит “за кулисами”.<a href="https://habr.com/ru/articles/896836/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/896836/</a><a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://zhub.link/tags/backend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#backend</a> <a href="https://zhub.link/tags/realtime_web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#realtime_web</a> <a href="https://zhub.link/tags/%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Безопасность</a> <a href="https://zhub.link/tags/%D0%9F%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D1%81%D1%82%D1%8C" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Производительность</a> <a href="https://zhub.link/tags/%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%BD%D1%8B%D0%B9_%D0%B0%D0%BD%D0%B0%D0%BB%D0%B8%D0%B7" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#системный_анализ</a> <a href="https://zhub.link/tags/api" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#api</a>

HabrРеализация простого SSE клиента на DartХочу поделиться недавним кейсом из нашей практики мобильной разработки. Перед нами стояла задача — реализовать обновление данных в клиентском приложении в режиме реального времени, когда изменения на сервере моментально отображаются у пользователя. Мы рассматривали два подхода: WebSocket и Server-Sent Events (SSE). Оба варианта соответствовали нашим требованиям, но в итоге мы остановились на SSE — из-за его простоты реализации и использования стандартного HTTP-протокола.<a href="https://habr.com/ru/articles/896442/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/896442/</a><a href="https://zhub.link/tags/sse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sse</a> <a href="https://zhub.link/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://zhub.link/tags/HTTP_streaming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTTP_streaming</a> <a href="https://zhub.link/tags/Flutter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Flutter</a> <a href="https://zhub.link/tags/Dart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Dart</a> <a href="https://zhub.link/tags/%D0%BA%D0%BB%D0%B8%D0%B5%D0%BD%D1%82%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#клиентсервер</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5_%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#мобильное_приложение</a> <a href="https://zhub.link/tags/JSON" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JSON</a>

Chris Woody WoodruffLive updates without the hassle? Yes, please. With HTMX and Razor Pages, you can sprinkle real-time magic using SSE—no WebSocket setup is required. Check out how to keep your UI fresh and reactive: <a href="https://woodruff.dev/real-time-magic-live-updates-with-htmx-and-asp-net-razor-pages/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://woodruff.dev/real-time-magic-live-updates-with-htmx-and-asp-net-razor-pages/</a><a href="https://mastodon.social/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.social/tags/aspnetcore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#aspnetcore</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/ux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ux</a> <a href="https://mastodon.social/tags/realtime" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#realtime</a> <a href="https://mastodon.social/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://mastodon.social/tags/sse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sse</a>

HabrТестированию WebSocket+STOMP соединения через PostmanВсем доброго времени суток! При работе над проектом мне и команде пришлось тестировать передачу сообщений по протоколу STOMP через WebSocket соединение. Обычно для таких задач я использую Postman, который, поддерживает установление WebSocket-соединений, хоть и в beta-версии. Однако при тестировании я столкнулся с проблемой: согласно спецификации STOMP, в конце каждого фрейма должен находиться нулевой байт (NULL, 00). При этом при отправлении сообщения через Postman нулевой байт не передается корректно. В этой статье я расскажу о причинах этой проблемы и о найденным мной решении.<a href="https://habr.com/ru/articles/895784/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/895784/</a><a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/stomp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#stomp</a> <a href="https://zhub.link/tags/postman" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#postman</a> <a href="https://zhub.link/tags/testing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#testing</a>

HabrСоздание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 2 — VueJS3 + Centrifugo с монетизацией приложенияВ первой части мы построили бэкенд на FastAPI, Aiogram, Redis и Centrifugo, заложив основу для анонимного чата в Telegram. Теперь пришло время развернуть фронтенд и создать стильный и отзывчивый интерфейс с использованием VueJS 3 в формате Telegram MiniApp. В этой статье мы: - Разработаем интерактивный UI с фильтрами поиска, анимациями загрузки и real-time чатом. - Настроим мгновенный обмен сообщениями через Centrifugo без лишних запросов к серверу. - Интегрируем монетизацию для заработка на рекламе в приложении. - Выполним деплой на удаленный сервер и подготовим проект к продакшену. Если вы хотите создать быстрый, удобный и монетизируемый анонимный чат в Telegram, который работает без задержек и перезагрузок, — эта статья для вас!<a href="https://habr.com/ru/companies/amvera/articles/893250/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/amvera/articles/893250/</a><a href="https://zhub.link/tags/telegram_mini_app" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#telegram_mini_app</a> <a href="https://zhub.link/tags/telegram_webapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#telegram_webapp</a> <a href="https://zhub.link/tags/vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs</a> <a href="https://zhub.link/tags/vue3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vue3</a> <a href="https://zhub.link/tags/vuejs3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuejs3</a> <a href="https://zhub.link/tags/centrifuge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifuge</a> <a href="https://zhub.link/tags/centrifugo_v6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo_v6</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/centrifugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo</a> <a href="https://zhub.link/tags/vuetg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vuetg</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E09: Controlling apps via a Web UI using WebSocket<a href="https://www.youtube.com/live/DR1ay0WR418?si=jiwwiKraMf7WgWXE" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/DR1ay0WR418?si=jiwwiKraMf7WgWXE</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

HabrМаршрутизация VLESS-REALITY через HAProxy с маскировкой под свой сайт (steal-oneself)Третья часть по маршрутизации сайтов и сервисов на 443 порту включая VLESS-Reality и VLESS+WebSocket через HAProxy.<a href="https://habr.com/ru/articles/885276/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/885276/</a><a href="https://zhub.link/tags/Haproxy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Haproxy</a> <a href="https://zhub.link/tags/VLESS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VLESS</a> <a href="https://zhub.link/tags/REALITY" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#REALITY</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

HabrWebSocket для начинающих системных аналитиков: просто о сложном. Часть 1Меня зовут Юля, я системный аналитик в компании EvApps. Эта статья для начинающих системных аналитиков, которые хотят понять основы WebSocket. В своей работе мне иногда приходится сталкиваться с веб-приложениями, которые обмениваются данными в реальном времени: чаты, колл-центры, финансовые приложения. Часто за этим стоит технология WebSocket. В этой статье, я простыми словами расскажу, что такое WebSocket, и почему вам, как начинающему системному аналитику, важно знать о них.<a href="https://habr.com/ru/articles/886802/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/articles/886802/</a><a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a> <a href="https://zhub.link/tags/handshake" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#handshake</a> <a href="https://zhub.link/tags/ajax" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ajax</a> <a href="https://zhub.link/tags/http" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#http</a> <a href="https://zhub.link/tags/ws" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ws</a> <a href="https://zhub.link/tags/wss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wss</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E08: Multiplayer Installation using WebSocket<a href="https://www.youtube.com/live/GtKx2v5Egxw?si=Y_C333EjM0P45xea" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/GtKx2v5Egxw?si=Y_C333EjM0P45xea</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

vvvv - a multipurpose toolkitNew episode of vvvvTv is out: S02E07: Talking to an API via WebSocket<a href="https://www.youtube.com/live/TTvkQgGZfZw?si=tBfqQOSQ5Aq4LTGM" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.youtube.com/live/TTvkQgGZfZw?si=tBfqQOSQ5Aq4LTGM</a><a href="https://mastodon.xyz/tags/vvvv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvv</a> <a href="https://mastodon.xyz/tags/creativecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creativecoding</a> <a href="https://mastodon.xyz/tags/visualprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#visualprogramming</a> <a href="https://mastodon.xyz/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dotnet</a> <a href="https://mastodon.xyz/tags/vvvvTv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vvvvTv</a> <a href="https://mastodon.xyz/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

Aral BalkanNew Kitten Release• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages. If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:<a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org/tutorials/streaming-html/</a>Enjoy!:kitten:💕¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler.<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/hypermedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#hypermedia</a> <a href="https://mastodon.ar.al/tags/htmx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#htmx</a> <a href="https://mastodon.ar.al/tags/WebSocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebSocket</a> <a href="https://mastodon.ar.al/tags/beautifulDefaults" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#beautifulDefaults</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StreamingHTML</a>

HabrCentrifugo v6 + FastAPI + Python: разрабатываем веб-опросник с обновлениями в реальном времениВ прошлой статье я показал, как создать мини-чат с комнатами на FastAPI и WebSockets. Но что, если есть более мощное и удобное решение для Real-time? В этот раз разберем Centrifugo – технологию, которая берет на себя всю работу с WebSockets и масштабированием! В статье мы разберем теорию, а затем на практике разработаем веб-приложение-опросник, где результаты обновляются в реальном времени без перезагрузки страницы. А в финале – деплой на Amvera Cloud. Готовы прокачать свои навыки? Тогда вперед!<a href="https://habr.com/ru/companies/amvera/articles/885714/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://habr.com/ru/companies/amvera/articles/885714/</a><a href="https://zhub.link/tags/centrifugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo</a> <a href="https://zhub.link/tags/centrifugo_v6" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#centrifugo_v6</a> <a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fastapi</a> <a href="https://zhub.link/tags/sqlite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sqlite</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#python</a> <a href="https://zhub.link/tags/sqlalchemy_20" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sqlalchemy_20</a> <a href="https://zhub.link/tags/sqlalchemy_sqlite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sqlalchemy_sqlite</a> <a href="https://zhub.link/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#вебразработа</a> <a href="https://zhub.link/tags/websocket" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#websocket</a>

Recent searches

Search options

Administered by:

Server stats:

#websocket

Recent searches

Search options

Administered by:

Server stats:

webSocket

#websocket