English Version | 中文版本 | نسخه فارسی

Демонстрационная страница

Orion

Современная, быстрая и адаптивная страница подписки для панели Remnawave. Она создана с нуля, чтобы обеспечить лучший пользовательский опыт, высокую производительность и простоту настройки.

Ключевые особенности

• Современный и адаптивный дизайн: Чистый, интуитивно понятный интерфейс, который отлично выглядит и работает на любых устройствах, от настольных ПК до смартфонов.

• Поддержка тем: Автоматическое или ручное переключение между светлой, темной и системной темами для комфорта глаз в любое время суток.

• Гибкая настройка приложений: Полная кастомизация списка приложений, поддержка "рекомендуемых" приложений и многошаговые инструкции по установке через настраиваемую конфигурацию subpage на стороне панели remnawave.

• Поддержка брендинга: Настройка логотипа и ссылки на поддержку через параметры logoUrl и supportUrl в конфигурации subpage config для персонализации внешнего вида страницы.

• Копирование ссылок и QR-коды: Удобное копирование индивидуальных ссылок (vless://, trojan://) и основной ссылки-подписки в один клик. Для каждой ссылки можно сгенерировать адаптивный QR-код.

• Многоязычная поддержка: Страница доступна на всех 20 языках редактора конфигурации subpage, включая на русском, английском, фарси и китайском. Язык определяется автоматически на основе настроек браузера пользователя, с возможностью ручного переключения.

• Поддержка remnawave-json: Возможность интеграции страницы подписки в https://github.com/Jolymmiels/remnawave-json (адаптированный файл index.html расположен в папке remnawave-json).

• Интеграция с Telegram Mini App: Возможность использовать страницу подписки как Telegram Mini App в вашем боте.

  • Переадресация/Redirect-страница: Возможность использовать собственную или внешнюю страницу переадресации (актуально для Telegram Mini App, например в стиле Orion — демо, self-host по Orion redirect-page).

Скриншоты

Установка для Remnawave

1. Загрузка файла страницы: Скачайте файл index.html в ту же папку, где находится ваш docker-compose.yml, используя curl:

   curl -o index.html https://raw.githubusercontent.com/legiz-ru/Orion/main/index.html

2. Настройка Docker Compose: Пропишите путь к скачанному index.html в вашем docker-compose.yml через проброс volumes в контейнер remnawave-subscription-page.

   Пример для стандартной установки:

   services:
     remnawave-subscription-page:
       image: remnawave/subscription-page:latest
       volumes:
         - ./index.html:/opt/app/frontend/index.html

3. (Опционально) Настройка redirect-страницы для переадресации
   Для интеграции с Telegram Mini App или для кастомной логики переадресации укажите свою redirect-страницу в index.html:

   const redirect_link = 'https://legiz-ru.github.io/Orion/redirect-page/?redirect_to=';

   или используйте свой self-hosted вариант. Например: Orion redirect-page ,redirect-page от SawGoD или redirect-page от maposia.

4. Перезапуск контейнера: Для применения изменений перезапустите контейнер Docker:

   docker compose down remnawave-subscription-page && docker compose up -d remnawave-subscription-page

Установка для vpnbot

Запустите скрипт установки на вашем сервере vpnbot:

bash <(curl -s https://raw.githubusercontent.com/legiz-ru/Orion/refs/heads/main/vpnbot/install.sh)

Установка для marzban

Автоматическая установка:
Выполните установку автоматическим скриптом, как описано в marz-sub.

Ручная установка:

Пошаговая инструкция

1. Скачайте файл страницы:

   sudo wget -N -P /var/lib/marzban/templates/subscription/ https://raw.githubusercontent.com/legiz-ru/Orion/main/marzban/index.html

2. Укажите путь к шаблону страницы подписки в .env Marzban:

   echo 'CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"' | sudo tee -a /opt/marzban/.env
   echo 'SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"' | sudo tee -a /opt/marzban/.env

   Или отредактируйте .env вручную:

   CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"
   SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"
   

3. Замените значения <%= metaTitle %> и <%= metaDescription %> на свои во всех местах файла index.html.

4. Перезапустите Marzban:

   marzban restart

Связь

• Telegram-канал

Поддержка проекта

Если вам нравится этот проект и вы хотите поддержать его развитие, вы можете сделать пожертвование:

• Tribute on Telegram
• TON USDT: UQDMsPzYket1ZvztKEHheR3guiWzTBAH4gC1KjPEMMwtWBPO