Портал гостевого доступа WiFi4EU на базе встроенного гостевого портала Unifi

Портал гостевого доступа WiFi4EU на базе встроенного гостевого портала Unifi, feature-request

tamanet

Guest

05.02.2022 21:23:00

Привет! Я настроил гостевой портал Unifi, чтобы он соответствовал требованиям WiFi4EU. Если вам нужен captive портал WiFi4EU и вы используете оборудование Ubiquiti — просто напишите в личку или оставьте комментарий, я помогу.

Вот несколько скриншотов портала: (Выглядит, может, не очень красиво, зато работает!)

Мобильный портал

Портал для ПК

Thisismeij Guest	#2 17.08.2022 09:03:00 Весь процесс немного запутанный Но хорошо знать, что ваучер принимают и можно обналичить при настройке фазы 1.

tamanet

Guest

15.08.2022 20:17:00

@Connect_Now Я подтверждаю, что получил ваучер. Что касается роуминга 802.11u, он недоступен в Венгрии из-за телекоммуникационных правил. Я не могу искать данные SIM-карты на клиентском устройстве, потому что это противозаконно. Более того, я не могу искать никакие данные или серийные номера, которые не передаются с завода. Так что я могу авторизовать и повторно авторизовать клиента по MAC-адресу, но не могу логировать SIM или IMEI для авторизации устройства. Также нужно уточнить, что моя муниципалитет получил ваучер на первой фазе. Имейте это всё в виду.

tamanet

Guest

12.08.2022 06:45:00

@Connect_Now
Когда вы подключаете AP к контроллеру на VPS или на вашем сервере, все запросы на хотспот идут именно туда. Так что, если вы были авторизованы в последние 12 часов и перемещаетесь между хотспотами внутри сети Wifi4EU, вас не попросят авторизоваться снова.

Лендинг-страница может работать на любом домене, который вы захотите! Но перенаправлять (например, на сайт вашей компании) устройство клиента после авторизации нельзя.

Система Wifi4EU сама не авторизует клиентов. Их нужно "авторизовать":
— через кнопку подключения к сети

Я развернул UAP-AC-PRO и UAP-AC-M-PRO, которые сертифицированы по стандарту 802.11u.

UAP-AC-M-PRO:

UAP-AC-PRO:

Можно проверить ваше устройство здесь: https://www.wi-fi.org/

Thisismeij

Guest

12.08.2022 01:10:00

Как вы реализуете второй этап внедрения wifi4Eu с поддержкой 802.11u (hotspot 2.0/passpoint) для централизованной авторизации роуминга клиентов Wifi-EU? В Ubiquiti Unifi нет реализации 802.11u, которая необходима для авторизации paspoort. Это минимальные аппаратные требования для выплаты ваучеров, так как ими пользуется портал/фреймворк входа Wifi EU. Смотрите ваше подписанное соглашение: встроенный UniFi-портал не может использовать домен WiFi4EU. В соглашении указано, что авторизацию подключающихся клиентов будет осуществлять WiFi4EU. Для этого используется протокол 802.11u.

tamanet

Guest

11.08.2022 21:29:00

@Biricon @csalap @Inkas @EHCloudcompany @aristosGT @comsed @jozols2000 Мой подробный пошаговый гайд вы найдёте в моём предыдущем комментарии. Если нужна помощь — просто свяжитесь со мной по адресу info@tamanet.hu или на мобильный: +36306759713. Извиняюсь за поздний ответ.

tamanet

Guest

11.08.2022 21:21:00

.@diddacloud Вот что тебе нужно:
Возьми VPS. (или сервер/ноутбук)
Арендуешь его здесь: https://hostingbazis.hu/lxc-vps (примерно за 1 USD в месяц)
Устанавливаешь Ubuntu или какую-то Debian-подобную дистрибуцию.
Устанавливаешь контроллер unifi (просто следуй пошаговой инструкции https://help.ui.com/hc/en-us/articles/220066768-UniFi-How-to-Install-and-Update-via-APT-on-Debian-or-Ubuntu).
После того, как создал аккаунт суперпользователя, запускаешь WinSCP или Putty.
Заходишь на свой сервер и идёшь в /var/lib/unifi/sites/default/app-unifi-hotspot-portal (там находится встроенный captive portal).
Нужно немного изменить файл index.html примерно так:
<!DOCTYPE html><html lang="en" ng-controller="MainController as mainCtrl"> <head> <meta charset="utf-8"> <title unifi-portal-custom-title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon-precomposed" href="images/favicons/favicon-152.png"> <meta name="msapplication-TileColor" content="#0193d7"> <meta name="msapplication-TileImage" content="images/favicons/favicon-144.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/favicons/favicon-152.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/favicons/favicon-144.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/favicons/favicon-120.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favicons/favicon-72.png"> <link rel="apple-touch-icon-precomposed" href="images/favicons/favicon-57.png"> <link rel="icon" href="images/favicons/favicon-32.png" sizes="32x32"> <link href="fonts/1.6.1/lato/style.css" rel="stylesheet"> <link href="fonts/1.6.1/ubnt-icon/style.css" rel="stylesheet"> <link href="css/app.css?v=1.6.1" rel="stylesheet"> <link href="css/teszt.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="config/config.js?v=1.6.1"></script> <script src="js/vendor.js?v=1.6.1"></script> <script src="js/components.js?v=1.6.1"></script> <script src="js/main.js?v=1.6.1"></script> <script type="text/javascript"> var wifi4euTimerStart = Date.now(); var wifi4euNetworkIdentifier = 'ТУТ ВСТАВЬ СВОЙ'; var wifi4euLanguage = 'hu'; </script>" rel="noopener noreferrer" target="_blank"> <script type="text/javascript" src="https://collection.wifi4eu.ec.europa.eu/wifi4eu.min.js"></script> </head><body ng-cloak unifi-portal-custom-body unifi-portal-rtl-support> " rel="noopener noreferrer" target="_blank">

<h1 style="text-align: center;">Kö szöntjük a Pap község WIFI4EU hotspot bejelentkező oldalán</h1>

<h2 style="text-align: center;">Üzemelteti: <img src="./images/default/tamanet-logo-atlatszo.png" alt="" width="300" height="" /></h2> <div hey-toaster class="unifiPortalToastContainer"> <div class="unifiPortalToast unifiPortalToast--{{toast.level}}"> <div ng-class="{'ubnt-icon--info': toast.level == 'default', 'ubnt-icon--check-circle': toast.level == 'success', 'ubnt-icon--eye2': toast.level == 'warning', 'ubnt-icon--alert': toast.level == 'danger'}" class="unifiPortalToast__icon icon"></div> <div class="unifiPortalToast__content"> <div class="unifiPortalToastBody"> <p class="noMarginBottom">{{toast.message}}</p> </div> </div> <div class="unifiPortalToast__close"><a ng-click="toast.close()" class="icon ubnt-icon--x"></a></div> </div> </div> <div ui-view></div> <script src="js/bootstrap.js?v=1.6.1"></script> </body></html>

7. В папке css нужно изменить файл app.css примерно так:
CSS-файл слишком большой, чтобы вставлять его сюда. Ты можешь скачать его в приложении.
8. В конце необходимо создать файл teszt.css с таким содержимым:
.padding {padding: 100px 100px}
9. Добавь свои устройства в контроллер и настрой портал хотспота на встроенный.
10. Наслаждайся порталом, соответствующим требованиям Wifi4EU.

Надеюсь, это поможет. Если нужна помощь — пиши на info@tamanet.hu или звони +36306759713.

tamanet

Guest

11.08.2022 20:57:00

@kizune_938 Ты не можешь сделать captive portal на своем cloud key. //Технически, можно (я пробовал), но это очень муторно и нужно вручную обновлять SSL-сертификат cloud key. Я бы рекомендовал использовать VPS с unifi (на базе Ubuntu/Debian/CentOS) и подключать к нему свои устройства. После этого останется только править html и css файлы.

tamanet Guest	#9 11.08.2022 20:51:00 Через неделю я сделаю подробную инструкцию. Чтобы каждый смог создать свой собственный портал.

tamanet

Guest

#10

11.08.2022 20:51:00

Извиняюсь за задержку с ответом. Мне не приходят уведомления по электронной почте, когда кто-то оставляет комментарий в этой теме. В своем решении я использовал VPS с Ubuntu и установил на него unifi. Обновления я отключил и настроил файлы под себя. Если кому-то нужна помощь, пишите на info@tamanet.hu — я отвечу.

kizune_938 Guest	#11 01.08.2022 10:37:00 Всем привет! У меня есть Cloud Key Gen 2 с Network Controller 7, но в папке /usr/lib/unifi/data/sites/default/ нет файлов. Как можно изменить родной портал?

diddacloud Guest	#12 20.07.2022 15:03:00 Хотелось бы, чтобы где-нибудь были подробные пошаговые инструкции по всему этому делу — как настроить udm-pro для wifi4eu без всякой необходимости в сторонних внешних captive portal или дополнительных расходах.

alfa-tech

Guest

#13

10.07.2022 18:14:00

Ненавижу, когда люди не хотят помогать другим, особенно когда это оооочень легко и просто!

Для тех, кому нужно пройти LOGO Validation с помощью встроенного Angular Guest Portal...

Зайдите в /css/app.css на строку 277 или найдите .unifiPortalPageFIND, где написано {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;height:100%;padding:1.875rem 0} и замените на .unifiPortalPage{position:relative;top:0;bottom:0;left:0;right:0;text-align:center;height:100%;padding:1.875rem 0}

Готово.

Я сам сейчас делаю проект WiFi4EU. Надеюсь, это поможет! Если нужна помощь, пишите на ka [at] alfa-tech [dot] gr

Biricon Guest	#14 06.07.2022 07:25:00 Привет, у вас есть описание, где в новом портале на Angular можно внести изменения для клиента? Тогда добавить код wifi4eu не должно быть большой проблемой. Пока не могу найти, как это сделать.

csalap Guest	#15 20.06.2022 12:50:00 Привет, @tamanet, спасибо, что поделился своей работой, она очень полезная. Ещё один вопрос: не мог бы ты подсказать, как настроил UDM, чтобы гостевой портал был доступен из интернета? Большое спасибо!

Inkas Guest	#16 09.06.2022 12:17:00 Привет, кто-нибудь может помочь мне настроить captive portal wifi4eu на моём контроллере Cloud-Key?

EHCloudcompany Guest	#17 20.04.2022 07:12:00 @tamanet, не мог бы ты написать мне в личку по поводу твоего решения? Был бы признателен за помощь в запуске портала, да и внешний портал нам тоже не нужен!

aristosGT Guest	#18 18.03.2022 11:57:00 Здравствуйте, отличная работа! Можно вас на минутку? Мне нужно создать сеть WiFi4EU с помощью Unifi, но я застрял на настройке гостевого портала.

comsed Guest	#19 28.02.2022 13:08:00 @tamanet Привет, ты проделал отличную работу! Если можно, у меня есть несколько вопросов по настройкам портала. Можешь написать свой адрес электронной почты? Заранее спасибо!

jozols2000 Guest	#20 21.02.2022 10:14:00 @tamanet Привет! Твой проект одобрили в wifi4eu, и ты получил финансирование? Можешь написать мне на info slnet lv? Спасибо!

Читают тему (гостей: 1)