Веб-разработка, логотип Eqsash

Amessage - скачать чат на сайт с элементами соцсети

Название: Amessage 1.0

Описание: Amessage (SPA) - встраиваемый чат на сайт с голосовыми сообщениями и элементами соцсети. Состоит из виджета для сайта и соцсети, все данные хранятся на Вашем сервере. Триал версия на 7 дней.

Возможности

  • легкий и простой интерфейс без перезагрузки страниц - всё на одной странице как в настольном приложении;
  • установка на существующий сайт или как новый проект;
  • интегрированная соцсеть на Вашем сайте, доступная по отдельному адресу;
  • использование одной соцсети для разных сайтов, достаточно разместить код виджета на них и все сообщения будут поступать в эту соцсеть;
  • все данные хранятся на Вашем хостинге, а не на сторонних сервисах, которые могут собирать и продавать базы данных Ваших клиентов конкурентам;
  • аккаунты в соцсетях есть не у всех пользователей и не все хотят показывать свой профиль там, поэтому виджет от них может быть не всегда эффективен - у данной разработки таких проблем нет;
  • посетителю сайта нет необходимости иметь аккаунт - автоматическая регистрация без запроса данных о нем (в случае начала диалога), данные он сможет ввести позже при необходимости, в том числе задать пароль и email;
  • вверху виджета выводится ссылка на соцсеть, посетитель может легко перейти в нее и продолжить общение там;
  • отправка голосовых и текстовых сообщений;
  • автоматическая отправка первого сообщения посетителю сайта (отключается в настройках);
  • назначение любого пользователя системы оператором виджета;
  • автоматическая установка статуса оператора в виджете - онлайн или офлайн, на основе его активности;
  • включение и отключение автообновления статуса оператора;
  • ручная установка статуса оператора;
  • оповещение оператора по email о новом сообщении, когда он офлайн;
  • установка изображения пользователя;
  • всплывающее сообщение рядом с кнопкой виджета, которое можно задать в настройках для статуса онлайн и офлайн оператора;
  • индикатор нового сообщения на кнопке виджета в виде красной точки;
  • индикатор прочитанности сообщений - непрочитанные помечаются голубым цветом;
  • индикатор количества непрочитанных сообщений рядом с диалогом;
  • автоматическое обновление диалогов;
  • удаление любого диалога;
  • просмотр информации о статусе собеседника - когда он был в сети, а также просмотр других его данных;
  • поиск пользователей по имени и возможность начать диалог с любым из них;
  • управление пользователями - удаление любого пользователя со всеми его данными (доступно для администратора);
  • работает на мобильных устройствах.

Инструкция

Ниже приводится краткая инструкция по установке и использованию системы:

  • после скачивания распакуйте архив и разместите его содержимое в нужной директории на хостинге;
  • при необходимости переименуйте папку, размещать можно в папке существующего сайта - в таком случае должен получиться адрес вида: https://example.com/amessage, example.com - это образец домена, подставьте свой адрес;
  • перейдите по такому адресу - запустится установка. Базу данных можно использовать от существующего сайта - будут созданы всего лишь 3 таблицы с префиксами, таблицы легко можно будет удалить в случае удаления системы;
  • когда установка завершена - можно перейти в настройки, а также отредактировать профиль.

Остается только встроить чат на нужные сайты, для этого достаточно разместить на них следующий простой код:

<script src="https://example.com/amessage/amessage.js"></script>

Если чат будет использоваться на сторонних доменах, необходимо разрешить кросдоменные запросы. Для этого, например, можно добавить в .htaccess файле в корне основного сайта (где установлена система) следующую строку:

Header set Access-Control-Allow-Origin "*"

Описание

Иконка чата в углу сайта выглядит примерно как на рисунке ниже, текст задается в настройках - для онлайн и офлайн отдельно. Красная точка сообщает посетителю, что для него есть новое сообщение.

amessage-chat-social-network-site-1

При нажатии на иконку - будет открыто главное окно чата. Зеленая точка рядом с названием сообщает о том, что оператор онлайн, а когда он офлайн - точка серая.

amessage-chat-social-network-site-2

Можно отправлять голосовые и текстовые сообщения, непрочитанные сообщения помечаются голубым цветом.

amessage-chat-social-network-site-3

Но для начала необходимо установить основную систему - соцсеть, где можно управлять всеми сообщениями, управлять настройками, общаться и т.д. Установка основной части системы очень проста.

amessage-chat-social-network-site-4

Основной интерфейс соцсети. По умолчанию открывается список диалогов, которые можно удалять, нажав на значок минус. Красным цветом выводится число непрочитанных сообщений. При открытии диалога - справа выводится краткая информация о собеседнике. Можно искать собеседников нажав поиск вверху страницы, а управление доступно только администратору. Для выхода необходимо нажать соответствующую кнопку, после чего можно будет заново войти или зарегистрироваться.

amessage-chat-social-network-site-5

При нажатии на свое имя - будет выполнен переход на личную страницу, где можно отредактировать профиль.

amessage-chat-social-network-site-6

Ниже показана часть страницы настроек, доступных администратору.

amessage-chat-social-network-site-7

Оставить заявку

Последние статьи

Популярные разделы