Лабораторная работа №9 «Использование JavaScript на сервере через NodeJS»
Материалы на гугл диске: https://drive.google.com/drive/folders/1dzpLOcd4ya1ax7llBZHFFmcw1mXEo_xV
Лабораторная работа №9 «Использование JavaScript на сервере через NodeJS»
Работаем на своей windows машине, результат работы проверяем у себя в локальном браузере. Работаем в среде разработки Visual Code с нашим проектом, созданным ранее.
1. Установить на windows NodeJS. Дистрибутив можете взять на нашем гугл диске. Установщик должен добавить системную переменную окружения. Если не работает, то добавьте ее вручную.
2. На рабочем столе создать папку hellonodejs в ней создать файл server.js в него вставляем текст из файла с нашей гугл папки из лабораторная работа №9. Проверить через консоль windows, что server.js запускается в node.js и через браузер открывается страница http://127.0.0.1:3005/. Чтобы остановить server.js в консоли нажмите CTRL+C.
3. Включить виртуальную машину VirtualBox. Подключиться к ее консоли через putty. Установить nodejs. И проверить, что работает.
a. sudo apt update
b. sudo apt install nodejs
c. nano server.js (вставить тот же текст скрипта с нашей гугл папки, в тексте скрипта заменить 127.0.0.1 на IP адрес Вашего Linux сервера, у меня это 192.168.1.51)
d. node server.js (запускаем в putty наш серверный скрипт)
e. в браузере на windows открываем страницу http://192.168.1.51:3005/ должно выводить приветственное сообщение
f. остановить работу скрипта в putty нажатием CTRL+C
4. Создать в папке сайта файл chatnodejs.html в него вставляем текст из файла с нашей гугл папки из лабораторная работа №9. Добавить ссылку на этот файл в меню в нашем index.html
5. Создать в папке сайта папку servernodejs внутри нее создать файл serverchat.js в него вставляем текст из файла с нашей гугл папки из лабораторная работа №9.
6. Создать в папке сайта в папке js файл clientchat.js в него вставляем текст из файла с нашей гугл папки из лабораторная работа №9
7. Установить нужные модули через terminal среды разработки VisualCode и запустить чат на nodejs (картинки с моими примерами внизу этого документа):
a. Открыть внизу среды терминал и перейти в нужную папку servernodejs
b. npm install ws (установить нужный модуль)
c. ls (проверить что все нужные файлы скачались)
d. node serverchat.js (запустить серверный скрипт веб-чата)
e. через браузер windows открыть в двух отдельных вкладках свой сайт и раздел с chatnodejs (у меня это http://127.0.0.1:3000/chatnodejs.html). Проверить что веб-чат работает между разными вкладками.
8. Доработать веб-чат (скрипт clientchat.js). Добавить, чтобы для каждого клиента при подключении генерировалось его имя – случайная строка из 4-8 букв англйиского алфавита, 1 буква заглавная. Имя не обязательно должно быть осмысленным. Далее перед всеми сообщениями пользователя в истории чата должно выводиться его имя, чтобы было понятно кто отправил данное сообщение.
9. Поменять в скрипте clientchat.js наверху localhost на IP адрес своего сервера (или имя сайта своего виртуального хоста). Залить итоговую папку со всем своим сайтом по FTP на свой Linux сервер. Запустить через putty серверный скрипт веб-чата serverchat.js. С windows машины из браузера открыть две вкладки проверить, что веб-чат на Linux также работает на нашем сайте.
Пример запуска команд для установки модуля ws
Пример запущенного между двумя клиентами веб-чата
