Найпростіший і найшвидший спосіб встановити 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 «з коробки» з мінімальними витратами на налаштування.