Установка чата с использованием Node.js и Socket.io


Чат, начало работы.

В этом руководстве попробуем создать приложение для чата. Оно не требует почти никаких базовых знаний о Node.JS или Socket.IO, поэтому он идеально подходит для пользователей любого уровня знаний.

Установка web framework-ов

Первая цель - настроить простую HTML-страницу, которая отображает форму и список сообщений. С этой целью мы будем использовать платформу Node.JS. Также будет использован веб-фреймворк Express.

Сначала создадим файл нашего проекта package.json, в котором будет содержаться описание проекта. Я советую для проекта создать отдельный каталог (папку) и назвать его к примеру chat-example.

Открываем консоль в созданной папке и для создания файлаpackage.json набираем команду npm init. Должно получится примерно так:

{
"name": "chat-example",
"version": "1.0.0",
"description": "\"my first socket.io app\"",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

Теперь, чтобы заполнить dependencies с помощью модулей, которые нам нужны, мы будем использовать команду npm install --save:

npm install --save express@4.16.3

Теперь, когда фреймворк b>express@4.16.3установлен, создадим файлindex.js, который будет настраивать наше приложение. Разместим в нем следующий код:

var app = require('express')();
var http = require('http').Server(app);

app.get('/', function(req, res){
res.send('Hello world');
});

http.listen(3000, function(){
console.log('listening on *:3000');
});

Данный код означает следующие:

  1. Express инициализирует app как обработчик функции, которая представляется на HTTP-сервер (как видно из строки 2).
  2. "/" определяется как обработчик маршрута, когда мы попадаем на наш сайт.
  3. http server прослушивает 3000 порт.

PS. (вместо var можно использовать const и номер порта можно указать практически любой. Это ваш сервер и номер порта определяете вы.)

Если в консоле (командной строке) набрать node index.js, то увидим следующие:

рис1.png
А когда в браузере перейдем по адресу
http://localhost:3000, то увидим следующие:

рис2.png

(чтобы буквы были большими, их надо поместить в соответствующие html-теги - H!)

Таким образом мы запустили на компьютере свой небольшой сервер. На сегодня все. В следующей статье рассмотрим вопрос настройки HTML-оболочки для чата.


Comments 1