В этой статье демонстрируется создание простого приложения чата с использованием socket.io и backbone.js. Socket.io облегчает интерактивные веб-приложения в режиме реального времени, в то время как Backbone.js Структуры код на стороне клиента для лучшего управления и развязки. Предполагается, что знакомство с Node.js и Express; Backbone и underscore.js знание полезно.

Key Concepts:

]
• приложение чата использует socket.io и backbone.js для функциональности в реальном времени и организации на стороне клиента.
]
• Клиентские взаимодействия управляются homeview , который использует homemodel . Коллекции костей динамически обновляют представление на основе изменений модели. Клиент Socket.io обрабатывает связь сервера.
]
• Server (node.js, Express, Socket.io) поддерживает пользователей онлайн и передает сообщения. Событие основного сервера - 'Connection' .
]
• socket.io упрощает связь с клиентом, предлагая библиотеки для различных платформ и бэкэнд-технологий (хотя в основном разработанным для node.js).
]
• Security (https, jwt) и масштабируемость (Adapter Redis, балансировщики нагрузки, кластеризация node.js) являются обязанностью разработчика.
]

архитектура на стороне клиента:

диаграмма (см. Исходное изображение ниже) иллюстрирует структуру на стороне клиента: контроллер, соединяющий клиент Socket.io и представление, обновляя модель на основе ввода клиента и отражает изменения в представлении с помощью связей с костяками.

код на стороне клиента выделяет:

]
• ]

  homemodel (/public/js/models/main.js):1&&&] управляет онлайн -интерак и Userchats ] Collections usermodel . Включает методы для добавления и удаления пользователей и чатов. ] ]

  ]
• Home Template (/public/index.html):1&&&&]] Определяет структуру HTML для интерфейса чата, включая список чата и онлайн -список пользователей.

  ] ]

  ]
• ChatClient

  (/public/js/socketClient.js):1&&&] ocket.io клиент, ответственный за подключение к серверу ( http://chatfree.herokuapp.com - Заменить ваш сервер). CHAT )) и Events Events Server -обработки ( wellwers , loginNameexists , loginNameBad , OnterntUsers , чат). Он использует socket.emit () для отправки и socket.on () для получения сообщений. ] ] ] maincontroller (/public/js/main.js):1&&&] orchestrates между представлениями, моделями и клиентом сокета. Обрабатывает вход в систему, сообщения чата, присоединение/уход пользователя и соответствующим образом обновляет модель. ] ] ]

bootStrap (/public/js/main.js):1&&&&]] инициализирует
• maincontroller

  , чтобы запустить приложение. &&?] ] ] реализация сервера: ] код на стороне сервера использует node.js, express и socket.io.

  ]
]

• Express Server (/scripts/web.js):1&&&&] устанавливает сервер Express, обслуживает статические файлы из каталога public и инициализирует сервер Socket.io. ] ]

  ]
]

Chatserver (/scripts/chatserver.js):1&&&&] управляет пользователями онлайн ( users

'connection'

Dendnect
• event), управляет списками онлайн -пользователей (

  OnlineUsers event) и транслирует сообщения чата ( chat event). Он использует модель user

  для представления подключенных пользователей.
]
• ]

  ] Диаграмма протокола чата: диаграмма (см. Исходное изображение ниже) иллюстрирует поток сообщений между клиентом и сервером. Заключение и FAQS: статья заканчивается, суммируя функциональность приложения и решая часто задаваемые вопросы по безопасности, масштабируемости, постоянству данных, личному обмену сообщениям, обработке ошибок и тестированию. Эти часто задаваемые вопросы обеспечивают практическое руководство по улучшению и расширению базового приложения чата. Раздел часто задаваемых вопросов исходного текста сохраняется полностью. ]