Orion

KO | EN

gitlite — search

#javascript #hacktoberfest #react #llm #golang #android #rust #macos #nodejs #windows #awesome #kubernetes #awesome-list #vue

(★ 124)

Orion: A modern, fast, and responsive subscription page for the Remnawave panel. Features: auto light/dark themes, flexible app configuration, link copying with QR codes, redirect-page and multi-language support (EN/RU/FA)

Orion Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[English Version](README_en.md) | [中文版本](README_zh.md) | [نسخه فارسی](README_fa.md)

[Демонстрационная страница](https://legiz-ru.github.io/Orion)

# 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 — [демо](https://legiz-ru.github.io/Orion/redirect-page/?redirect_to=), self-host по [Orion redirect-page](https://github.com/legiz-ru/Orion/blob/main/docs/redirect-page/index.html)).

## Скриншоты

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

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

```bash
    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`.

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

```yaml
    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:
    ```js
    const redirect_link = 'https://legiz-ru.github.io/Orion/redirect-page/?redirect_to=';
    ```
    или используйте свой self-hosted вариант. Например: [Orion redirect-page](https://github.com/legiz-ru/Orion/blob/main/docs/redirect-page/index.html) ,[redirect-page от SawGoD](https://github.com/SawGoD/redirect-page) или [redirect-page от maposia](https://github.com/maposia/redirect-page/).

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

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

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

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

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

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

**Автоматическая установка:**  
Выполните установку автоматическим скриптом, как описано в [marz-sub](https://github.com/legiz-ru/marz-sub/blob/main/README.md).

**Ручная установка:**  
<details>
<summary>Пошаговая инструкция</summary>

1. Скачайте файл страницы:
   ```bash
   sudo wget -N -P /var/lib/marzban/templates/subscription/ https://raw.githubusercontent.com/legiz-ru/Orion/main/marzban/index.html
   ```

2. Укажите путь к шаблону страницы подписки в `.env` Marzban:
   ```bash
   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. **Замените значения на свои во всех местах файла `index.html`:**
   - `<%= metaTitle %>` - мета заголовок
   - `<%= metaDescription %>` - мета описание и содержимое футера страницы
   - `<%= brandingTitle %>` - отображаемое на странице имя бренда
   - `<%= brandingLogoUrl %>` - отображаемое на странице лого бренда
   - `<%= brandingSupportUrl %>` - отображаемое на странице ссылка поддержки
   - `<%= subPageConfig %>` - конфигурация страницы подписки (формат remnawave 2.4-2.5)

4. Перезапустите Marzban:
   ```bash
   marzban restart
   ```
</details>

## Связь

*   [Telegram-канал](https://t.me/legiz_trashbag)

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

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

*   [Tribute on Telegram](https://t.me/tribute/app?startapp=drzu)
*   TON USDT: `UQDMsPzYket1ZvztKEHheR3guiWzTBAH4gC1KjPEMMwtWBPO`

Orion

Orion Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Orion

Orion Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README