Captive Portal [External/Internal Portal Page] - настройка HTML-страницы внешнего портала для разработчика

Создан 27/05/2020 15:39 - Обновлено 29/08/2023 14:29

Serhii Boiarynov

Важное уведомление:
Уважаемый покупатель, пожалуйста, обратите внимание, что мы используем машинный перевод для предоставления статей на вашем родном языке. Не весь текст может быть переведен точно. В случае возникновения вопросов или несоответствия точности информации в переведенной версии, пожалуйста, ознакомьтесь с оригиналом статьи здесь:Original Version

Используя внутренний или внешний портал пользовательского соглашения, вы можете настроить веб-страницу пользовательского соглашения (UA Portal), которая может стать заменой стандартному пользовательскому соглашению, изначально встроенному в UAG. Пожалуйста, загрузите из UAG файлы примеров страниц портала UA, после чего вы сможете свободно настроить внешний вид вашей персональной страницы портала в соответствии с вашими предпочтениями.

Конфигурация страниц портала "Пользовательское соглашение

Существует четыре страницы, которые необходимо подготовить (по две страницы для настольной и мобильной версий), когда пользователь получает доступ к сети через UAG. Это страница "Согласие" и страница "Добро пожаловать". На странице Согласие пользователь может дать свое согласие, чтобы затем отправить его в UAG для входа в систему. При успешном соглашении браузер пользователя будет перенаправлен на страницу Welcome. (Если пользователь использует мобильный браузер, он будет перенаправлен на мобильную версию).

Внутренний поток доступа пользователей

Список параметров внутренней страницы приветствия:

ПАРАМЕТР	ОПИСАНИЕ		ДОЛЖНО
Начальный
$M	Заменяется на идентификатор страницы портала.		Да
$Z	Заменяется на путь к корневому каталогу веб-сервера UAG.		Да
Отправить
согласен		Значение - Согласен.	Да
mp_idx		Значение - идентификатор страницы портала из подставляемого $M.	Да
mobile		Значение:1 - mobile, значение:0 - Desktop.	Да
fieldname		Сохранение данных сохранение меток от td1 до td5 в формате журнала ex: Name:!@#Phone:!@#Address:!@#E-mail:!@#	Нет
поле1		Сохранение данных в журнале	Нет
поле2		Сохранение данных в журнале	Нет
поле3		Сохранение данных в журнале	Нет
поле4		Сохранение данных в журнале	Нет
поле5		Сохранение данных в журнале	Нет

Список параметров внутренней страницы приветствия:

ПАРАМЕТР	ОПИСАНИЕ	ДОЛЖНО
Начальный
$A	Будет заменен на URL рекламы.	Да
$M	Заменяетсяна идентификатор страницы портала.	Да
$Z	Будет заменен на путь к корневому каталогу веб-сервера UAG.	Да

Поток доступа внешних пользователей

ПАРАМЕТР	ОПИСАНИЕ		ДОЛЖНО
Начальный
getQueryString("gw_addr");	Функция getQueryString может получить IP-адрес шлюза из параметра URL.		Да
getQueryString("mp_idx");	Функция getQueryString позволяет получить идентификатор страницы портала для параметра URL.		Да
getQueryString("mobile");	Функция getQueryString позволяет получить автоопределение мобильного устройства в параметре URL.		Да
Отправить в agree.cgi
agree		Значение - Agree.	Да
mp_idx		Значение - идентификатор страницы портала с подстановкой mp_idx.	Да
mobile		Значение, полученное в результате приобретения getQueryString("mobile").	Если Mobile Да
fieldname		Сохранение данных сохраняет метки от td1 до td5 в формате журнала , например: Имя:!@#Phone:!@#Address:!@#E-mail:!@#	Нет
поле1		Сохранение данных в журнале	Нет
поле2		Сохранение данных в журнале	Нет
поле3		Сохранение данных в журнале	Нет
поле4		Сохранение данных в журнале	Нет
поле5		Сохранение данных в журнале	Нет

Список параметров внешней страницы Agree:

ПАРАМЕТР	ОПИСАНИЕ	ДОЛЖНО
Начальный
getQueryString("advertise");	Функция getQueryString может получить параметр Advertisement of URL.	Да
getQueryString("mobile");	Функция getQueryString позволяет получить автоопределение мобильного устройства в параметрах URL.	Да

Согласовать страницу

На странице "Согласие" имена параметров "agree" и "mp_idx" должны передаваться в файл agree.cgi на UAG.

Ниже приведен пример html-кода:

Внутренний пример:

var mp_idx = $M; function initTask()
{ 
document.form.action = "/agree.cgi";    
document.getElementById("mp_idx").value = mp_idx; 
}

Внешний пример:

var external = getQueryString("gw_addr"); 
var mp_idx = getQueryString("mp_idx"); 
function action()
{ 
document.form1.action = external +"/agree.cgi";                 
document.getElementById("mp_idx").value = mp_idx; 
}

В случае успешного входа браузер пользователя будет перенаправлен на страницу приветствия. Если пользователь нажмет кнопку "не согласен", то он не сможет войти в систему, после чего окно закроется.

Страница приветствия

После успешного входа пользователя в систему файл agree.cgi будет перенаправлен на страницу приветствия. На ней вы можете отобразить все, что хотите. Одновременно с этим, если вы включили рекламу и задали "URL", на странице появится рекламное окно

Пример внутреннего пользовательского соглашения

Вы можете скачать файл примера с устройства. Войдите в Web Gui вашего устройства

Go to Configuration > Web Authentication > User Agreement File

Нажмите кнопку "Загрузить", чтобы загрузить файл на компьютер

Распакуйте файл default_wp.zip и настройте стиль CSS и изображения, при этом имя и расположение файла не должны быть изменены.

После внесения всех изменений загрузите файл обратно на устройство

Использование внутреннего пользовательского соглашения для включения веб-аутентификации

Go to Configuration > Web Authentication > Authentication Type

Нажмите кнопку "Добавить".
В профиле "Authentication Type" необходимо выбрать тип "User Agreement" заполнить имя профиля и выбрать тип "Internal User Agreement (User Upload Page)". Затем выбирается сам настраиваемый файл zip
Нажмите кнопку "ОК"

Далее необходимо установить профиль "Authentication Type" в "Web Authentication Policy".

Go to Configuration > Web Authentication > General

Пример внешнего пользовательского соглашения

Go to Configuration > Web Authentication > Authentication Type

Нажмите кнопку "Добавить".
В профиле "Тип аутентификации" необходимо выбрать тип "Пользовательское соглашение", заполнить имя профиля и выбрать тип "Внешнее пользовательское соглашение". Затем заполнить формат URL страницы портала UA.
http://External IP-адрес сервера портала/ua_agree.html.

http://External IP-адрес сервера портала/ua_welcome.html.
Нажмите "ОК".

Далее необходимо установить профиль "Authentication Type" в "Web Authentication Policy" так же, как и для внутреннего портала.

Статьи в этом разделе

Больше