Oktell.js - История изменений

Oktell Support в 10:52, 19 декабря 2014

2014-12-19T10:52:26Z

Oktell Support в 11:44, 13 ноября 2014

2014-11-13T11:44:35Z

Oktell Support в 09:12, 20 января 2014

2014-01-20T09:12:07Z

Oktell Support в 07:28, 15 января 2014

2014-01-15T07:28:53Z

Oktell Support в 07:26, 15 января 2014

2014-01-15T07:26:30Z

Oktell Support в 07:26, 15 января 2014

2014-01-15T07:26:17Z

Oktell Support в 07:20, 15 января 2014

2014-01-15T07:20:05Z

Oktell Support в 07:19, 15 января 2014

2014-01-15T07:19:04Z

Oktell Support в 07:16, 15 января 2014

2014-01-15T07:16:45Z

Oktell Support: Новая страница: «TOC '''Oktell.js''' - '''javascript'''-библиотека для интеграции телефонии в любые web-приложения: CRM-сист...»

2013-11-27T09:04:57Z

Новая страница: «__TOC__ '''Oktell.js''' - '''javascript'''-библиотека для интеграции телефонии в любые web-приложения: CRM-сист...»

Новая страница

__TOC__

'''Oktell.js''' - '''javascript'''-библиотека для интеграции телефонии в любые web-приложения: CRM-системы, Helpdesk-сервисы и другие корпоративные службы.

'''Библиотека позволяет''':

* Принимать/ совершать/ переводить звонки
* Создавать / управлять конференциями
* Видеть номерной план / очередь звонков
* Прослушивать разговоры

С помощью технологии '''WebRTC''' вы можете звонить из браузера, подключив библиотеку '''Oktell-voice.js'''

Документацию по '''oktell.js''' смотрите на сайте [http://js.oktell.ru/js/about/ js.oktell.ru]

Чтобы пользоваться всеми вышеприведенными функциями библиотеки в начале работы необходимо авторизоваться под пользователем. В данной статье рассматривается настройка '''Oktell''' и '''авторизация пользователя с помощью библиотеки Oktell.js'''

<span style="color:red;"> ВНИМАНИЕ: При работе с javascript нельзя перезагружать странице, иначе вы потеряете соединение. '''Используйте только одностраничные сайты!'''

== Настройка Web-сервера Oktell ==

Зайдите в '''Администрирование''' ->''' Общие настройки''' -> '''Настройки web-сервера Oktell'''. Выберите следующие настройки:

* '''Способ соединения с сервером Oktell''': '''HTTP&WebSocket'''
* '''Порты веб-сервера для незащищенных соединений''': по умолчанию, '''80''', '''4055''', '''4066'''. В примере, '''добавлен порт 50500'''.

Если вы используете защищенное соединение, то выберите '''HTTP&WebSocketSecure (TLS)''') и порты по умолчанию. Для получения '''сертификата X.509''' воспользуйтесь статьей [[Получение SSL-сертификата на_StartSSL.com]].

[[Файл:Oktelljs-000.PNG |center | 700 px]]

== Подключение оператора с привязкой к телефону ==

В системе '''Oktell''' сотрудник может использовать '''ip-телефон''' или '''гарнитуру'''. В данной части рассматривается '''подключение сотрудника с привязкой к телефону.'''

=== Настройка карты сети ===

Чтобы сотрудник мог совершать и принимать звонки в карте сети необходимо закрепить телефон за сотрудником.

Зайдите в '''Администрирование''' -> '''Карта сети''' -> '''Настройки телефона'''. Выберите сотрудника в поле '''Пользователь WebCRM'''.

[[Файл:Oktelljs-004.png | center]]

=== Установка библиотеки===

Скачайте библиотеку '''oktell.js''' с официального сайта: [http://js.oktell.ru/js/about/ js.oktell.ru]. Распакуйте ее в папку со страницей. В примере, создана страница и в эту же папку распакован архив:

[[Файл:Oktelljs-003.png | center]]

'''Пример страницы 1.html (подключение пользователя с привязкой к телефону): '''

<!DOCTYPE html>
<html>
<head>
<title> Oktell.js </title>
<meta charset="utf-8">
</head>
<body>
<b> ip - адрес </b> <input id="oktell_ip" type="text" size="40">
</br>
<b> логин </b> <input id="oktell_login" type="text" size="40">
</br>
<b> пароль </b> <input id="oktell_pwd" type="text" size="40">
</br>
<button id="connect">Соединиться</button>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="oktell-1.5.3.js" charset="utf-8"></script>
<script type="text/javascript" >
$(document).ready(function(){
//для лога
var log = function(msg){if (window.console && window.console.log){window.console.log(msg)}};

$('#connect').click(function(){
oktell.connect({
debugMode: true,
url: $('#oktell_ip').val(),
login: $('#oktell_login').val(),
password: $('#oktell_pwd').val(),
webSocketSwfLocation: 'WebSocketMain.swf',
callback: function(data){
if ( data.result ) {
log("SUCCESS CONNECT");
} else {
log( "ERROR " + data.errorCode + ": " + data.errorMessage );
}
}
});
});
});

</script>
</body>
</html>

Посмотреть лог вы можете нажав '''F12 в браузере'''. '''Выберите консоль'''.

=== Подключение ===

При подключении необходимо указать '''ip-адрес''', '''логин''' и '''пароль'''. По умолчанию, подключение происходит на '''80 порту'''.

<span style="color:red;"> ВНИМАНИЕ: Если у вас закрыт '''порт 80''', то для подключения необходимо дополнительно указать доступный порт, как показано на рисунке.

[[Файл:Oktelljs-001.png | center| 700 px]]

При удачном подключении, в логе вы увидите строчку '''Oktell.js 10:14:20:704 | SUCCESS'''. В '''мониторинге''' вы увидите, что за пользователем закреплена линия:

[[Файл:Oktelljs-002.png | center| 700 px]]

'''Пример файла:''' [[Файл:Oktell.js1.zip]]

== Подключение оператора с гарнитурой ==

В этой части статьи рассматривается подключение сотрудника с выделением ему динамической линии. При таком подключении используются библиотеки '''oktell-1.5.3.js''' и '''oktell-voice-0.1.0.js'''.

=== Настройка Automap ===

Чтобы '''Oktell''' выделил динамическую линию необходимо в серверном конфигурационном файле ('''\oktell\server\oktell.ServerService.exe.config''') определить параметр '''automap'''. Если у вас нет такого ключа добавьте его.

<add key="EnableAutoMap" value="1" />

Если '''EnableAutoMap = 1''', то в клиентское приложение можно заходить с любого компьютера, не определенного в карте сети и к нему автоматически будет прикрепляться '''динамическая''' внутренняя линия (гарнитура). Если '''EnableAutoMap = 0''', то зайти в клиентское приложение можно только с тех компьютеров, которые определены в карте сети.

Перезагрузите сервер '''Oktell'''.

[[Файл:Oktelljs-006.png | center]]

=== Установка библиотеки===

Скачайте библиотеку '''oktell.js''' с официального сайта: [http://js.oktell.ru/js/about/ js.oktell.ru]. Распакуйте ее в папку со страницей. В примере, создана страница и в эту же папку распакован архив:

<center>
{|cellpadding="10" cellspacing="0" border="1"
|<span style="color:red;"> ВНИМАНИЕ: Google Chrome не предоставляет доступ к гарнитуре '''файлу с html страницей'''.</span> Доступ предоставляется доменам или по ip-адресу. Для того, чтобы проверить работу, вы можете скопировать ваши файлы в папку '''\oktell\Server\WWW''' и обратится к файлу с помощью веб-сервера Oktell. Например, http://192.168.0.82:4055/demo/2.html
|-
|}
</center>

[[Файл:Oktelljs-007.png | center]]

'''Пример страницы 2.html (подключение пользователя с динамической линией и совершение звонка): '''

<!DOCTYPE html>
<html>
<head>
<title> Oktell.js </title>
<meta charset="utf-8">
</head>
<body>
<b> ip - адрес </b> <input id="oktell_ip" type="text" size="40">
</br>
<b> логин </b> <input id="oktell_login" type="text" size="40">
</br>
<b> пароль </b> <input id="oktell_pwd" type="text" size="40">
</br>
<button id="connect">Соединиться</button>
</br>
<b> номер </b> <input id="oktell_number" type="text" size="40">
</br>
<button id="call">Позвонить</button>
</br>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="oktell-1.5.3.js" charset="utf-8"></script>
<script type="text/javascript" src="oktell-voice-0.1.0.js" charset="utf-8"></script>
<script type="text/javascript" >
$(document).ready(function(){
//для лога
var log = function(msg){if (window.console && window.console.log){window.console.log(msg)}};
$('#connect').click(function(){
oktell.connect({
debugMode: true,
url: $('#oktell_ip').val(),
login: $('#oktell_login').val(),
password: $('#oktell_pwd').val(),
oktellVoice: true,
webSocketSwfLocation: 'WebSocketMain.swf',
callback: function(data){
if ( data.result ) {
log("SUCCESS CONNECT");
} else {
log( "ERROR " + data.errorCode + ": " + data.errorMessage );
}
}
});
});
var onMediaRequestSuccess = function(){
connect();
}
var onMediaRequestError = function(){}
// запрос доступа к микрофону
oktellVoice.createUserMedia( onMediaRequestSuccess, onMediaRequestError );
oktellVoice.on('mediaPermissionsRequest', function(){
// показать попап для уведомления пользователя о необходимости разрешения доступа
});
oktellVoice.on('mediaPermissionsAccept', function(){
// скрыть попап
});

oktellVoice.on('mediaPermissionsRefuse', function(){
// показать попап о невозможности продолжения работы приложения
});

$('#call').click(function(){
var number = $('#oktell_number').val();
oktell.call( number, function(data){
if ( data.result ) {
log( "SUCCESS calling to " + number );
} else {
log( "ERROR " + data.errorCode + ": " + data.errorMessage );
}
});
});
oktell.on('talkStart', function(abonents){
log('TALKSTART with ' + abonents[0].phoneFormatted );
});
oktell.on('disconnect', function(data){
log("DISCONNECTED");
});
});
</script>
</body>
</html>

=== Подключение ===

Введите '''ip-адрес сервера''' , '''логин''', '''пароль'''. Нажмите '''соединиться'''. Также разрешите '''доступ к микрофону'''.

[[Файл:Oktelljs-008.png | center | 600 px ]]

При удачном подключении, в '''мониторинге''' вы увидите, что за пользователем закрепилась динамическая линия:

[[Файл:Oktelljs-009.png | center | 700 px]]

'''Пример файла:''' [[Файл:Oktell.js2.zip]]

'''Успешной работы с Oktell.js!'''

← Предыдущая		Версия 10:52, 19 декабря 2014
Строка 1:		Строка 1:
−	[[~~Интеграции~~ \| Наверх]]	+	[[WEB-интеграция\| Наверх]]

	__TOC__		__TOC__

← Предыдущая		Версия 11:44, 13 ноября 2014
Строка 1:		Строка 1:
−	[[~~Утилиты~~ \| Наверх]]	+	[[Интеграции \| Наверх]]

	__TOC__		__TOC__

← Предыдущая		Версия 09:12, 20 января 2014
Строка 1:		Строка 1:
		+	[[Утилиты \| Наверх]]
		+
	__TOC__		__TOC__

← Предыдущая		Версия 07:28, 15 января 2014
Строка 19:		Строка 19:


−	<span style="color:red;"> ВНИМАНИЕ: </span> Для избежания проблем с ~~регистрации~~ канала зайдите в '''Администрирование''' - '''Параметры аппаратуры''' - '''Сервер ip-телефонии по протоколу SIP/2.0'''. В поле '''Список дополнительных доменов для регистрации''' укажите через пробел сетевое имя компьютера (например, '''OKTELLSERVER''') или домен сервера (например, '''Oktell.ru''').	+	<span style="color:red;"> ВНИМАНИЕ: </span> Для избежания проблем с регистрацией голосового канала зайдите в '''Администрирование''' - '''Параметры аппаратуры''' - '''Сервер ip-телефонии по протоколу SIP/2.0'''. В поле '''Список дополнительных доменов для регистрации''' укажите через пробел сетевое имя компьютера (например, '''OKTELLSERVER''') или домен сервера (например, '''Oktell.ru''').

← Предыдущая		Версия 07:26, 15 января 2014
Строка 23:		Строка 23:

	[[Файл:ДоменДляРегистрации.png \| 700 px \| center]]		[[Файл:ДоменДляРегистрации.png \| 700 px \| center]]
		+

@@ Строка 27: / Строка 27: @@
 == Настройка Web-сервера Oktell ==
-Зайдите в '''Администрирование''' ->''' Общие настройки''' -> '''Настройки web-сервера Oktell'''. Выберите следующие настройки:
+Чтобы использовать '''Oktell.js''' вам необходимо настроить '''web-сервер'''.
-* '''Способ соединения с сервером Oktell''': '''HTTP&WebSocket'''
+Для настройки '''web-сервера''' воспользуйтесь статьей: [[Настройка_Web-сервера_Oktell | Настройка Web-сервера Oktell]].
-* '''Порты веб-сервера для незащищенных соединений''': по умолчанию, '''80''', '''4055''', '''4066'''. В примере, '''добавлен порт 50500'''.
-−
-Если вы используете защищенное соединение, то  выберите '''HTTP&WebSocketSecure (TLS)''') и порты по умолчанию. Для получения '''сертификата X.509''' воспользуйтесь статьей [[Получение SSL-сертификата на_StartSSL.com]].
-−
-[[Файл:Oktelljs-000.PNG |center | 700 px]]

@@ Строка 17: / Строка 17: @@
 <span style="color:red;"> ВНИМАНИЕ: При работе с javascript нельзя перезагружать странице, иначе вы потеряете соединение. '''Используйте только одностраничные сайты!'''
 == Настройка Web-сервера Oktell ==
@@ Строка 28: / Строка 35: @@
 [[Файл:Oktelljs-000.PNG |center | 700 px]]

← Предыдущая		Версия 07:19, 15 января 2014
Строка 31:		Строка 31:

	<span style="color:red;"> ВНИМАНИЕ: </span> Для избежания проблем с регистрации канала зайдите в '''Администрирование''' - '''Параметры аппаратуры''' - '''Сервер ip-телефонии по протоколу SIP/2.0'''. В поле '''Список дополнительных доменов для регистрации''' укажите через пробел сетевое имя компьютера (например, '''OKTELLSERVER''') или домен сервера (например, '''Oktell.ru''').		<span style="color:red;"> ВНИМАНИЕ: </span> Для избежания проблем с регистрации канала зайдите в '''Администрирование''' - '''Параметры аппаратуры''' - '''Сервер ip-телефонии по протоколу SIP/2.0'''. В поле '''Список дополнительных доменов для регистрации''' укажите через пробел сетевое имя компьютера (например, '''OKTELLSERVER''') или домен сервера (например, '''Oktell.ru''').
		+

	[[Файл:ДоменДляРегистрации.png \| 700 px \| center]]		[[Файл:ДоменДляРегистрации.png \| 700 px \| center]]

← Предыдущая		Версия 07:16, 15 января 2014
Строка 28:		Строка 28:

	[[Файл:Oktelljs-000.PNG \|center \| 700 px]]		[[Файл:Oktelljs-000.PNG \|center \| 700 px]]
		+
		+
		+	<span style="color:red;"> ВНИМАНИЕ: </span> Для избежания проблем с регистрации канала зайдите в '''Администрирование''' - '''Параметры аппаратуры''' - '''Сервер ip-телефонии по протоколу SIP/2.0'''. В поле '''Список дополнительных доменов для регистрации''' укажите через пробел сетевое имя компьютера (например, '''OKTELLSERVER''') или домен сервера (например, '''Oktell.ru''').
		+
		+	[[Файл:ДоменДляРегистрации.png \| 700 px \| center]]
		+

	== Подключение оператора с привязкой к телефону ==		== Подключение оператора с привязкой к телефону ==

Oktell.js - История изменений

Oktell Support в 10:52, 19 декабря 2014

Oktell Support в 11:44, 13 ноября 2014

Oktell Support в 09:12, 20 января 2014

Oktell Support в 07:28, 15 января 2014

Oktell Support в 07:26, 15 января 2014

Oktell Support в 07:26, 15 января 2014

Oktell Support в 07:20, 15 января 2014

Oktell Support в 07:19, 15 января 2014

Oktell Support в 07:16, 15 января 2014

Oktell Support: Новая страница: «__TOC__ '''Oktell.js''' - '''javascript'''-библиотека для интеграции телефонии в любые web-приложения: CRM-сист...»

Oktell Support: Новая страница: «TOC '''Oktell.js''' - '''javascript'''-библиотека для интеграции телефонии в любые web-приложения: CRM-сист...»