Socket.io - Форум программистов и сисадминов Киберфорум

Чат на React, Node.js и TailwindCSS: Синхронизация, валидация, шифрование, демо-приложение

Запись от Reangularity размещена 01.10.2025 в 20:43 / Vue/React/Angular/Svelte notes

Показов 2611 Комментарии 0

Метки chat, cors, cryptography, css, ddos, e2ee, encryption, event-driven, express.js, graceful degradation, html, http, in-memory, javascript, jwt, middleware, next.js, node.js, ntp, prisma, purgecss, rate limiting, react, redis, refresh token, rest api, security, socket.io, svelte, tailwindcss, tls, vite, vue, web, webrtc, websocket, xss

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Синхронизация, валидация, шифрование, демо-приложение.jpg
Просмотров: 198
Размер: 84.3 Кб
ID: 11252

Часть 1 - Чат на React, Node.js и TailwindCSS: Протоколы и сервер
Часть 2 - Чат на React, Node.js и TailwindCSS: Фронт

Синхронизация состояния: подводные камни

WebSocket создает иллюзию простоты - отправил событие, получил ответ, обновил UI. На практике между этими шагами куча точек отказа, и каждая может привести к рассинхронизации...

Reangularity

Чат на React, Node.js и TailwindCSS: Фронт

Запись от Reangularity размещена 01.10.2025 в 20:42 / Vue/React/Angular/Svelte notes

Показов 2312 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS Фронт.jpg
Просмотров: 187
Размер: 63.4 Кб
ID: 11251

Часть 1 - Чат на React, Node.js и TailwindCSS: Протоколы и сервер
Часть 3 - Чат на React, Node.js и TailwindCSS: Синхронизация, валидация, шифрование, демо-приложение

React на клиенте: компоненты без фанатизма

React для чата - естественный выбор, но я видел проекты где разработчики строили архитектуру уровня Facebook Messenger для обмена десятком...

Reangularity

Чат на React, Node.js и TailwindCSS: Протоколы и сервер

Запись от Reangularity размещена 01.10.2025 в 19:13 / Vue/React/Angular/Svelte notes. Обновил(-а) Reangularity 01.10.2025 в 19:21

Показов 2586 Комментарии 0

Нажмите на изображение для увеличения
Название: Чат на React, Node.js и TailwindCSS.jpg
Просмотров: 165
Размер: 74.0 Кб
ID: 11249

Я открываю GitHub и вижу еще пятьдесят репозиториев с чат-приложениями. Зачем создавать новое? Вопрос резонный, но давайте разберемся по честному. Большинство туториалов по чатам делятся на два лагеря. Первые показывают игрушечные примеры на двадцать строк кода, которые в продакшене развалятся от первой сотни пользователей. Вторые сразу погружают в энтерпрайз-архитектуру с микросервисами, Kubernetes и базами данных, когда тебе надо просто добавить...

Reangularity

Использование веб-сокетов в Python с Socket.IO

Запись от py-thonny размещена 08.05.2025 в 15:24 / pythonic man's blog

Показов 4617 Комментарии 0

Метки http, network, python, socket, socket.io, websocket

Нажмите на изображение для увеличения
Название: 6187549f-7161-43d3-af56-f3b0bcd44ae6.jpg
Просмотров: 167
Размер: 177.9 Кб
ID: 10768

Веб-сокеты — это технологический прорыв, который серьёзно тряхнул устои классического HTTP-взаимодейстия. Пока HTTP пыхтит и отдувается, открывая и закрывая соединение для каждого чиха, веб-сокеты устанавливают постоянный канал связи между клиентом и сервером, по...

py-thonny

Создание простейшего чата с клиентом на консольном C# и с сервером на Node.js/socket.io/JavaScript. Бонус - WPF-клиент

Запись от 8Observer8 размещена 12.02.2020 в 17:04 / Блог 8Observer8

Показов 3713 Комментарии 0

Метки .net, c#, javascript, node.js, socket.io, wpf

Содержание блога

Бонус - клиент на WPF (файл server.js лежит в папке Server). Далее описан консольный проект на C# (клиент) и сервер на Node.js/socket.io/JavaScript.

Создаём пустую папку для сервера. Заходим в папку через консоль. Вводим команды:

npm init -y
npm i socket.io shortid

Создаём файл socket.js и копируем в него код, я написал комментарии к каждой строке:

JavaScript
1
// Подключаем нужные библиотеки

...

8Observer8

Heroku + Socket.io + TypeScript + Jasmine Specs + VSCode = Заготовка

Запись от 8Observer8 размещена 10.07.2019 в 15:45 / Блог 8Observer8. Обновил(-а) 8Observer8 05.12.2025 в 21:32

Показов 1409 Комментарии 1

Метки heroku, socket.io, typescript, vscode

Содержание блога

05.12.2025 - Heroku не имеет больше бесплатного плана. Для мультиплеера и бесплатного хостинга можно использовать Firebase хостинг + высокоскоростная база данных Firebase RTDB. Как её пользоваться можно узнать у встроенного в Firebase ИИ Gemini https://firebase.google.com/ Либо можно пользоваться бесплатным Node.js хостингом на https://render.com/, но приложение будет засыпать если им не пользоваться через 15 минут...

8Observer8

Emit and Broadcast JSON using Socket.io and JS/ES5

Запись от 8Observer8 размещена 17.02.2019 в 18:36 / Блог 8Observer8

Показов 1350 Комментарии 1

Метки javascript, json, socket.io

Blog content

I will show differences between "emit" and "broadcast" on server side.

In short:

"emit" sends JSON data to a connected client
"broadcast" sends JSON data to every client except the connected client

At first time create a connection between the server and the client using this instruction: 101. Socket.io Connection, JS/ES5

We have this callback function in "app.js":

JavaScript
1
io.sockets.on("connection",

...

8Observer8

Socket.io Connection, JS/ES5

Запись от 8Observer8 размещена 15.02.2019 в 17:59 / Блог 8Observer8

Показов 1678 Комментарии 1

Метки javascript, socket.io

Blog content

I will try to explain a process in step-by-step how to prepare server but it will be good if you will watch this video tutorial in parallel: Setup & Sending Files. Node.js Tutorial Guide

Youtube

You need to download and install Node.js: https://nodejs.org/en/download/

At first test let's create a very simple server script locally that will write in the console terminal*"client connected" when client will be connected to...

8Observer8

Пример работы с socket.io

Запись от 8Observer8 размещена 19.01.2017 в 14:22 / Блог 8Observer8

Показов 4333 Комментарии 0

Метки node.js, socket.io

Содержание блога

Создайте папку для проекта. Находясь в папке проекта, нужно набрать команды:
npm init -y
npm install express --save
npm install socket.io --save
npm install shortid --save (ставить shortid необязательно, но для примера нужно)

Создайте папку 'public', где будут хратиться файлы клиента: .html,...

8Observer8

Всего блогов	1,211
Всего записей	6,883
Записи за последние сутки	1

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

Сообщение форума

Отменить изменения

Архив
< Декабрь 2025
Вс	Пн	Вт	Ср	Чт	Пт	Сб
23	24	25	26	27	28	29
30	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31	1	2	3