dir.by  
  Поиск  
Программирование, разработка, тестирование
→
Node.js (это web сервер исполняющий js файлы)
→
Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server
  Посмотрели 3007 раз(а)    
 Создаем новый 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  
Яндекс.Метрика