Преамбула о внедрении web phona для звонков с сайта
Недавно для подготовки одного из проектов столкнулась с проблемой подбора и внедрения программного телефона на сайт компании. В результате долгих переговоров, тестирования и выбора, остановилась на Developer-ской версии (open source) компании Flashphoner.
В начале по скачиванию и установки ПО вопросов практически не возникло, все согласно инструкции на сайте разработчика, но когда дело коснулось установки веб-телефона, то возник ряд вопросов, ответы на которые, не смотря на большой объем инструкций на сайте, найти удалось не сразу, пришлось воспользоваться консультацией службы поддержки.
После оперативной, но достаточно продолжительной дискуссии алгоритм действий стал понятен даже для не продвинутого web-разработчика. Думаю вопросы по внедрению веб-телефона Flashphoner появлялись неоднократно, поэтому свежие наработки, полученные в ходе консультаций, решила разместить здесь.
Этапы внедрения веб-телефона на сайт
Для тех, кто уже скачал и установил ПО с сайта разработчика, переходим к следующим действиям.
Настраиваем ПО на стороне сервера Flashphoner Web Call Server.
Необходимые файлы находятся на сервере по такому пути: /usr/local/FlashphonerWebCallServer/conf/
1. account.xml — в нем необходимо указать логин, пароль, и адрес SIP proxy (полученные у VoIP-провайдера).
/>
Порт для соединения, как правило, используется 5060.
2. callee.xml – здесь укажите внутренний номер аккаунта вашей АТС.
/>В примере использую АТС Asterisk, на которой уже сконфигурированы несколько внутренних номеров. Внутренний номер 5002 – голосовое меню, 5001 – музыкальная заставка, 5003 – echo и т.д. Вы также можете сконфигурировать и внедрить свою систему внутренних номеров.
Интерфейс веб-телефона на развернутом сервере Flashphoner WCS находится согласно тому, куда он был скопирован при установке ПО, например по адресу: /var/www/html/WCS-2.1/ 286/.
В этой папке также необходимо ввести несколько настроек:
PhoneJS.html – базовый интерфейс веб-телефона. При необходимости можно изменить его внешний вид, внеся изменения непосредственно в код страницы (попробовать и протестировать можно на выложенной демо-версии: demo.flashphoner.com/rtmfp/PhoneJS.html).
Веб-софтфон поддерживает автологин. Если вы хотите его активировать, убедитесь, что используется стандартная схема логинизации.
1. После этого в файле PhoneJS.html внесите следующую строку:
/>Элементы id=token и value=123456789abcdef в соответствии с которыми сервер определяет, какой SIP-аккаунт следует автологинить при запуске веб-телефона.
Создайте файл, к примеру, с названием my_auto_login_url.xml и поместите его на сервер в папку /usr/local/FlashphonerWebCallServer/conf/ – из него сервер и будет брать настройки для подключения аккаунта.
auto_login_url=/usr/local/FlashphonerWebCallServer/conf/my_auto_login_url.xml
/>
После этих манипуляций перезапустите сервер для сохранения изменений с помощью команд ./shutdown.sh и ./startup.sh.
2. flashLoader.js (папка /var/www/html/WCS-2.1/286/js) – в этом скрипте необходимо раскомментировать следующие строчки:
$(function() {
flashvars.token = $("#auto_login_token").val();
});3. flashphoner.properties (папка /usr/local/FlashphonerWebCallServer/conf/)
Укажите в файле путь к файлу с настройками вашего автологина:
auto_login_url =/usr/local/FlashphonerWebCallServer/conf/my_auto_login_url.xml
get_callee_url =/usr/local/FlashphonerWebCallServer/conf/callee.xmlОчистите кэш браузера и попробуйте вновь открыть страницу с веб-телефоном. Если все настроено верно, автологин будет активирован. Теперь вы сможете попробовать совершить звонок с своего сайта.
Ознакомиться со спецификацией ПО, особенностями интеграции с корпоративными системами (АТС, ERP, CRM), а также такими возможностями как Clik to call, video web-phone и т.д. можно на официальном сайте Flashphoner.