×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Праздники ...
Праздники ...
День Святого Валентина (14 Февраля)
Концерты, выставки, цирки ...
Концерты, выставки, цирки ...
Спектакль "Танцуй со мной" (гастроли из России) Татьяна Васильева, Ефим Шифрин Гродно, Барановичи, Минск с 1 по 3 февраля 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Фитнес (силовая аэробика, пилатес, стретчинг)
Спорт занятие
Компьютеры, игры, программирование
Компьютеры, игры, программирование
Объявления ...
Объявления ...
Дед Мороз и Снегурочка на дом в Минске! Яркое поздравление!
Объявление
Форум (ваши вопросы, обсуждение)
Форум (ваши вопросы, обсуждение)
Поиск
Программирование, разработка, тестирование
→
Node.js (это web сервер исполняющий js файлы)
→
Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server
Посмотрели
3991
раз(а)
Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server
последнее обновление: 26 января 2022
Напишем сервер приложение websocket
Шаг 1. Открываем Visual Studio Code
Если у вас не установлена
Visual Studio Code
нужно
установить Visual Studio Code ...
Открываем
Visual Studio Code
Шаг 2. Создаем новую папку D:/websocket_server
Создаем новую папку
websocket_server
и
открываем эту папку в
Visual Studio Code
Шаг 3. Создаем новый файл server.js внутри Visual Studio Code
Добавим код в
файл
server.js
const
WebSocket = require('ws');
const
wsServer = new WebSocket.Server({port: 9000});
// socket connect
wsServer.on('connection', (socket) => {
var
a = "";
// socket close
socket.on('message', (message) =>
{
});
// socket close
socket.on('close', () =>
{
});
});
Нажмем в меню
File
→
Save
Шаг 4. Устанавливаем пакет websocket для этого выполняем команду npm install ws
Шаг 5. Запускаем в отладке программу
Ставим
breakpoint
красный кружок на строчке 3 и на строчке 8
Запускаем программу в отладке
увидим что сработал breakpointна строчке 3
нажмем кнопку
F5
чтобы программа продолжила работать
Напишем клиент приложение websocket
Создадим новый файл
D:/client.html
<script>
var
socket = new WebSocket(
"ws://localhost:9000"
);
</script>
и запустим в
google chrome
Увидим что сработал
breakpoint
на сервере
websocket
← Предыдущая тема
Новый Node.js проект (проект создаем в Visual Studio Code)
Следующая тема →
Новый Node.js проект (проект создаем в Visual Studio)
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
+ картинку
Экскурсии по Москве: пешеходные, автобусные и речные прогулки на любой вкус
Объявления
Объявления
•
Что такое Node.js ?
•
Как узнать версию Node.js ?
•
Установка Node.js (скачиваем и устанавливаем для Windows)
•
Как обновить версию Node.js (установить последнюю версию) ?
npm в Node.js
•
Что такое npm в Node.js?
•
Как узнать версию npm (Node.js) ?
•
Как обновить версию npm (установить последнюю версию) ? | Node.js
•
Файл package.json в Node.js
•
Разница между тильдой(~) и крышкой(^) в package.json | Node.js
•
Файл package-lock.json в Node.js
•
"npm init" | Результат: создает пустой файл package.json и заполняет этот файл данными по умолчанию | Node.js
•
"npm install имя_пакета" | Результат: устанавливает JavaScript библиотеку (пакет) | Например выполняем в командной строке "npm install jquery" | добавит jQuery библиотку в папку node_modules | Node.js
•
"npm install" | Результат: устанавливает JavaScript библиотеки (пакеты) которые указаны в файле package.json | Node.js
•
"npm list -g" (посмотреть список всех установленных глобальных пакетов) | Node.js
•
"npm install -g имя_пакета" (глобальная установка пакета) | Node.js
•
"npm uninstall -g имя_пакета" (глобальное удаление пакета) | Node.js
•
Выполняем в командной строке "npm run EvgenConvertCSS" | Файл package.json вот такой: "scripts": {"EvgenConvertCSS": "node-sass --include-path scss 1.scss 1.css"} | Node.js
•
Выполняем в командной строке "npm run EvgenMyCommand" | Файл package.json вот такой: "scripts": {"EvgenMyCommand": "mkdir AAA"} | Node.js
•
Выполняем в командной строке "npm run MyScript1" | Файл package.json вот такой: "scripts": {"MyScript1": "npm run MyScript2"} | Node.js
•
watch опция в npm скриптах (наблюдаем за изменениями в файлах)
Отладка NodeJS
•
Отладка Node.js. Смотрим значения переменных, стэк функций, breakpoints в Visual Studio Code
Пишем Node.js приложение в текстовом редакторе (Notepad, Far)
•
Новое Node.js приложение (создаем приложение в текстовом редакторе, запуск в console)
•
Добавляем express пакет в Node.js (в Windows console)
•
Загрузка html файла и вывод на экран в Node.js (создаем приложение в текстовом редакторе, запуск в console)
Используем модуль socket.io
•
Простое приложение с socket.io в Node.js (создаем приложение в текстовом редакторе, запуск в console)
Пишем Node.js проект в Visual Studio Code
•
Новый Node.js проект (проект создаем в Visual Studio Code)
•
Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server
Пишем Node.js проект в Visual Studio
•
Новый Node.js проект (проект создаем в Visual Studio)
•
Добавляем express пакет в Node.js (в Visual Studio)
•
Загрузка html файла и вывод на экран в Node.js (проект в Visual Studio)
•
Chat (пользователь пишет сообщение и у других появляется сообщение) используя socket.io в Node.js (проект в Visual Studio)
https localhost certificate
•
Create https localhost certificate for nodejs
Как устроены модули в Node.js (require, exports)
•
Что такое модули в Node.js ?
•
Как устроена внутри функция require и что происходит когда пишем require("Имя_Модуля") в Node.js
Создаем свой модуль в Node.js
•
Пишем и подключаем свой модуль в Node.js
Встроенные модули Node.js
•
'Express' модуль Node.js !!!!!!!!!!!!
Хостинг Node.js на вашем сайте
•
Хостинг и установка Node.js на вашем сайте. Настройка Node.js в cPanel
•
В Node.js меняю js файл а отображается старый кэшированный js файл. Перезапустить Node.js на вашем сайте в cPanel
•
Добавляем npm пакеты в Node.js на вашем сайте (используем cPanel)
•
Error during WebSocket handshake... Хостинг Node.js на вашем сайте
Heroku.com бесплатный сервис. Запуск вашего Node.js приложения на Heroku.com
•
Для использования Heroku.com нужно установить: Git, Node.js
•
Регистрация на сайте Heroku.com
•
Инсталяция коммандной строки "Heroku CLI"
•
"Heroku CLI" работает очень медленно для Windows
•
Запуск вашего Node.js приложения на Heroku.com
WWW сайты для изучения Node.js
•
Сайты для изучения Node.js
Ваши вопросы присылайте по почте:
info@dir.by