Самый простой и быстрый способ установить WireGuard UI — использовать шаблон Portainer, предоставленный нашей командой. Этот метод минимизирует ручную настройку и позволяет развернуть стабильный, готовый к стенд всего за несколько минут.

Требования

После того как Portainer установлен, авторизуйтесь с вашими учетными данными.

Установка WireGuard UI с помощью Portainer - Image 1

Установка WireGuard UI с помощью Portainer - Image 2

Установка WireGuard UI с помощью Portainer - Image 3

Внутри Portainer перейдите в раздел local, выберите WireGuard и заполните поля:

Установка WireGuard UI с помощью Portainer - Image 4

Установка WireGuard UI с помощью Portainer - Image 5

name — имя стека или контейнера, например wireguard

Public Host/IP — домен, который будет использоваться через NPM. Если домена нет, можно указать IP-адрес (дополнительные настройки будут описаны ниже)

Web UI Admin Password — пароль для доступа к интерфейсу WireGuard

Теперь переходим в NPM и добавляем прокси для WireGuard.
В поле Domain Names можно указать IP сервера (если у вас нет домена).

Установка WireGuard UI с помощью Portainer - Image 6

В этом случае появится ошибка:

“You can’t log in with an insecure connection. Use HTTPS.”

Установка WireGuard UI с помощью Portainer - Image 7

Если у вас есть домен — укажите его, привяжите к WireGuard и выпустите SSL-сертификат.

Если домена нет, можно включить небезопасный режим, изменив параметр INSECURE с false на true. Учтите, что это небезопасный способ и его рекомендуется использовать.

Как это сделать:
Возвращаемся в Portainer:
Stacks → выбираем наш стек wireguard → Editor
Находим строку INSECURE и меняем значение с false на true.

Установка WireGuard UI с помощью Portainer - Image 8

Установка WireGuard UI с помощью Portainer - Image 9

 

Установка WireGuard UI с помощью Portainer - Image 10

После изменения параметра нажмите Update the stack. Ошибка больше не появится, и вы сможете войти в панель WireGuard.

Установка WireGuard UI с помощью Portainer - Image 11

Используйте учетные данные, которые вы указали при развертывании стека, чтобы подключиться к WireGuard.

Установка WireGuard UI с помощью Portainer - Image 12

Теперь переходим к созданию конфигурации для VPN.
Нажмите New Client и заполните поля.

Установка WireGuard UI с помощью Portainer - Image 13

name — имя пользователя для профиля, можно указать любое.

Expire Date — срок действия подключения. Можно задать дату окончания или оставить поле пустым, если ограничение не требуется.

Установка WireGuard UI с помощью Portainer - Image 14

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

Установка WireGuard UI с помощью Portainer - Image 15

(Также можно использовать QR-код, но в этом руководстве этот шаг опускается.)
После скачивания файла нужно добавить конфигурацию в ваше VPN-соединение и запустить его.

Linux/Ubuntu 24.04

Установка WireGuard UI с помощью Portainer - Image 16

Откройте верхнюю панель и выберите VPN Settings.

Установка WireGuard UI с помощью Portainer - Image 17

Нажмите + и выберите Import from file

Установка WireGuard UI с помощью Portainer - Image 18

После добавления профиля вы увидите новое VPN-соединение, созданное в WireGuard.

Установка WireGuard UI с помощью Portainer - Image 19

Настройки WireGuard

Установка WireGuard UI с помощью Portainer - Image 20

Windows

Скачайте и установите программу WireGuard с официального сайта:
https://www.wireguard.com/install/

После установки импортируйте ваш конфигурационный файл.

Установка WireGuard UI с помощью Portainer - Image 21

После этого вы сможете полноценно использовать VPN.

Итог

Использование готового шаблона Portainer экономит время и снижает вероятность ошибок. В результате вы получаете рабочий VPN из коробки с минимальными затратами на настройку.