dir.by  
  Search  
Programming, development, testing
→
Node.js (это web сервер исполняющий js файлы)
→
Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server
  Looked at 3521 times    
 Создаем новый Node.js проект с websocket (проект создаем в Visual Studio Code) | client & server 
last updated: 26 January 2022
Let's write a server application websocket
Step 1. Open Visual Studio Code
If you do not have Visual Studio Code installed you need to install Visual Studio Code ...

Open Visual Studio Code
Step 2. Create a new folder D:/websocket_server
Создаем новую папку websocket_server и
открываем эту папку в Visual Studio Code
Step 3. Create a new file server.js inside 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
Step 4. Installing the package websocket to do this, run the command npm install ws
Step 5. Run the program in debugging
Ставим breakpoint красный кружок на строчке 3 и на строчке 8
Запускаем программу в отладке
увидим что сработал breakpointна строчке 3
нажмем кнопку F5 чтобы программа продолжила работать
Let's write a client application websocket
Создадим новый файл
  D:/client.html
<script>
     var socket = new WebSocket("ws://localhost:9000");
</script>
и запустим в google chrome
Увидим что сработал breakpoint на сервере websocket
 
← Previous topic
Новый Node.js проект (проект создаем в Visual Studio Code)
 
Next topic →
Новый Node.js проект (проект создаем в Visual Studio)
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)
  Объявления  
  Объявления  
 
• Что такое 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  
Яндекс.Метрика