как сделать чат в html

comet сервис — позволяет отправлять произвольные сообщения в браузер посетителя по инициативе комет сервера то есть push оповещения.

Для доставки оповещений используется комет технология. Для работы push оповещений нужен комет server. push server, его ещё называют комет service, поддерживает непрерывно открытое соединение с браузерами клиентов используя технологию websocket или long polling и по команде вашего web сервера может отправить push оповещение любому клиенту.

Применение HTTP server push поможет значительно разгрузить ваши сервера и обеспечит возможность использования push технологии оповещений без усложнения вашей инфраструктуры.

В статье рассмотрим как написать простой long polling php чат с использованием комет сервера. Наш скрипт мини чата будет работать по технологии websocket. Для связи php с websocket сервером надо использовать php comet api.

Пример как разработать скрипт мини чата

Если расбирать наиболее чат для сайта на php то нам понадобится всего один канал. Все подписываются на события из этого канала, а для добавления события в чат для сайта на php просто посылаем событие в канал.

php chat: Принцип работы.

1. Все сообщения от всех пользователей отправляются в общий канал web_chat_pipe.
2. Структура сообщения содержит в себе текст сообщения и имя отправившего это сообщение.
3. Все люди участвующие в чате подписаны на канал чата. И полученные из него сообщения отображаются в ленте общения.

Сначала рассмотрим как работает простой realtime php.

Первое что надо заметить это в нашем чате общаются применяя только комет сервер. Это имеет ряд недостатков делающий из чата скорее упрощёную учебную модель.

Минусы:

1. Нет возможности забанить клиента
2. Нет авторизации, это позволяет любому представится кем угодно.

Плюсы:

1. просто в разработке, грубо говоря это javascript чат php не используется
2. очень лёгок поцес установки чата на сайт

Ну вот сейчас по частям рассмотрим как сделать скрипт чата на php:

Функция web_send_msg отправляет сообщение в чат.

function web_send_msg
{
// Получение значений из html элементов ввода.
var text = $"#WebChatTextID".val; // Получаем текст сообщения
var name = $"#WebChatNameID".val; // Получаем имя пользователя

// Очистка поля с текстом сообщения
$"#WebChatTextID".val"";

// Добавление отправленного сообщения в свой список сообщений.
$"#WebChatFormForm".append">p<>b<"+name+": >;

// Отправка сообщения в канал чата.
CometServer.web_pipe_send"web_chat_pipe", {"text":text, "name":name};
}

Тут нужно уточнить что строка: $"#WebChatFormForm".append"<p>>b>"+name+": <; добавляет напечатанное сообщение в нашу чат ленту, так чтоб потом было удобно перечитывать сообщения.

А вот вызов CometServer.web_pipe_send"web_chat_pipe", {"text":text, "name":name}; производит непосредственно отправку нашего сообщения всем остальным участникам онлайн чата. Первый аргумент это имя канала в который мы отправим сообщение. Второй аргумент это само сообщение.

Примечание: имя канала web_chat_pipe начинается с префикса "web_". Во все каналы имя которых начинается с префикса "web_" сообщение может отправить любой кто знает имя канала прямо из JavaScript.

Этот кусок скрипта назначает callback обработки на получение отчёта о доставке отправленого сообщения.

CometServer.subscription"_answer_to_web_chat_pipe", functionp
{
$"#answer_div".html"Сообщение доставлено "+p.data.number_messages+" получателям. "+p.data.error;
};

Тут первый параметр это строка в ней первый символ # и за ним имя канала отчёт о доставки сообщения в который мы ждём. Так то нет нужды в обработке отчёта о доставке. Из него мы можем узнать сколько посетителей получили наше отправленое сообщение и не возникало ли каких либо ошибок. Материал на основе статьи comet обмен сообщениями