メインコンテンツまでスキップ

初期セットアップ

このガイドでは、Remnawave パネルの基本的な機能を説明し、すぐに使い始められるよう支援します。
パネルへの初回ログインからクライアントアプリへのサブスクリプションのインポートまで、すべての手順を説明します。

注意
  • このガイドはパネル バージョン 2.0 以降向けに書かれています。
  • また、Remnawave とそのコンポーネントがすでにインストールされていることを前提としています。
  • 最近のアップデートで一部の UI 要素の外観が変わりましたが、心配しないでください — 機能はほぼ変わらず、このガイドは最新の状態です。

最初のステップ

パネルと必要なコンポーネントをインストールした後、管理インターフェースはブラウザからアクセスできます — パネルに割り当てたドメインに移動してください。

First steps

最初に、ユーザーを作成する必要があります。最初に登録したユーザーが自動的に「スーパー管理者」になります。

ヒント

パスワードを忘れた場合は、Rescue CLI を使用してスーパー管理者アカウントをいつでも再作成できます。

Rescue CLI にアクセスするには、コマンドを使用します:docker exec -it remnawave remnawave

ホームページ

登録後、メインダッシュボードに移動します。

Home page

このページの要素を分解してみましょう。

Remnawave 統計

Remnawave stats

最初の 2 つのブロック、Remnawave 使用状況プロセス詳細 は、Remnawave が現在どのようにシステムリソースを使用しているかを示します。
プロセス詳細 では、どの Remnawave 内部プロセスが最もリソースを消費しているかを確認できます。 設定によっては、REST-API プロセスが複数存在する場合があります。

帯域幅使用量

Traffic usage

このブロックは、すべてのユーザーの全体的なトラフィック使用状況の統計を、前の同等の期間との比較で表示します。 例えば、今日 の指標を考えてみましょう。午後 4:00 にパネルを開くと、このブロックは今日の午前 0:00 から午後 4:00 までの統計を表示します。ただし、比較は前のカレンダー日の_全体_(午前 0:00 から午後 11:59 まで)と行われます。

現在、スクリーンショットはすべてゼロを示していますが、すべてを設定してユーザーを接続した後、このブロックは実際のデータを反映します。

ユーザー

Users
  1. システムノード上のオンライン合計
    • すべてのノード上のオンライン接続の総数を表示します。1 人のユーザーが同時に複数のノードに接続できます。この数字は、重複を含むすべてのノード上のすべての接続の合計を表します。
    • 例えば:ユーザー X がノード A とノード B に同時に接続している場合、このカードは 2 つのオンライン接続を表示します。
  2. オンライン統計
    • このブロックは、重複なしのユニークなオンラインユーザーの総数を表示します。
    • 例えば:ユーザー X がノード A とノード B に接続している場合、このカードは 1 人のオンラインユーザーを表示します。
  3. ユーザー
    • このブロックはすべてのユーザーの一般情報を表示します。
    • 例えば:2 人のユーザー — ユーザー X とユーザー Z — がいる場合、合計 は 2 を表示します。ユーザー X がアクティブなサブスクリプションを持ち、ユーザー Z のサブスクリプションが期限切れの場合、アクティブ期限切れ のカウンターはそれぞれ 1 を表示します。

左側にナビゲーションメニューが表示されます:

  1. 概要 — ハイレベルな統計とシステム情報を表示するホームページが含まれます。これはガイドの前のセクションで説明しました。
  2. 管理 — これはパネルのコアセクションです — ここで最も多くの時間を過ごします。含まれるもの:
    • ユーザー - ユーザーの作成と管理。
    • 内部スクワッド - 内部スクワッドの設定。
    • 外部スクワッド - 外部スクワッドの設定。
    • 設定プロファイル - Xray-core 設定の作成と管理。
    • ホスト - ユーザーのエントリーポイントの管理。
    • ノード
      • 管理 - ノードの表示、編集、無効化、削除。
      • 統計 - ノードごとの詳細な使用統計の確認。
      • インフラ請求 - インフラコストの追跡。
      • 帯域幅 - ノード間のトラフィック消費の分析。
      • メトリクス - Prometheus からのライブテレメトリーへのアクセス。
    • Remnawave 設定 - 認証方法、API アクセス、パネルのブランディングの管理。
  3. ツール - パネルがユーザーについて収集したデータを確認するための便利なツールのセクション。
    • HWID インスペクター - クライアントアプリが報告したハードウェア ID の表示。
    • SRH インスペクター - クライアントアプリから送信されたサブスクリプションリクエストの分析。
  4. サブスクリプション - クライアントアプリがサブスクリプションを取得する際に受け取る内容の設定。
    • 設定 - サブスクリプション名など、対応クライアントに送信される追加メタデータの管理。
    • テンプレート - クライアントアプリの設定の設定
    • レスポンスルール - クライアントアプリの設定がどのように生成されるかの定義
  5. ユーティリティ - 一般的なタスクを簡素化および自動化するために設計されたツール。
    • Happ ルーティング - Happ のルーティングルールを作成および管理するためのルールビルダー。

Remnawave 設定

2.2.0 アップデートにより、認証方法とブランディングは専用の Remnawave 設定 セクションで管理できるようになりました。API トークン もそこに移動されました。

ブランディング設定

ブランド名をカスタマイズし、独自のロゴを使用できます。

  • ブランド名
    ログインページとナビゲーションメニューのデフォルトのブランド名「Remnawave」を置き換えるテキストを設定します。
  • ロゴ URL
    ログインページとナビゲーションメニューに表示するカスタムロゴ画像をアップロードします。

認証方法

Remnawave はパスワードなしのログインのための複数の認証方法をサポートしています。必要に応じて 1 つまたは複数のオプションを有効にできます。

Users

Passkey

Passkey 認証により、ユーザーはパスワードなしで安全にログインできます。複数のデバイスに複数の Passkey を登録できます。

Passkey の設定方法
  1. ドメインを定義する
    Passkey 認証を設定する前に、パネルドメインを定義する必要があります。

    • フロントエンドドメイン プロトコルなしのフロントエンドの公開ドメイン(例:panel.example.com) バックエンドドメインを定義する
    • バックエンドドメイン バックエンドの完全修飾 HTTPS オリジンを定義します(例:https://panel.example.com
  2. Passkey を登録する
    管理 をクリックし、次に 登録 をクリックします。ブラウザ/デバイスが提供する手順に従います。

  3. Passkey を使用してログインする
    登録後、ログインページに戻って Passkey をテストします。確認後、ユーザー名/パスワードログインを無効にできます。

GitHub

GitHub アカウントで Remnawave にログインできます。

GitHub の設定方法
  1. GitHub OAuth2 アプリを作成する
    開発者設定ページにアクセスしてアプリを登録します。

    • Application name — 任意の名前を選択します。
    • Homepage URLhttps://panel.example.com/panel.example.com をパネルドメインに置き換えます)。
    • Authorization callback URLhttps://panel.example.com/oauth2/callback/githubpanel.example.com をパネルドメインに置き換えます)。
  2. Client ID と Client Secret を取得する
    アプリページから Client IDClient Secret をコピーします。

  3. Remnawave で変数を設定する

    • Client ID
    • Client Secret
    • Allowed Emails — ログインできる GitHub メールアドレスを指定します。
  4. GitHub を使用してログインする
    登録後、ログインページに戻って新しい認証方法をテストします。確認後、ユーザー名/パスワードログインを無効にできます。

PocketID

PocketID はセルフホスト型の OAuth2 ソリューションです。インストールには PocketID 公式ドキュメントに従ってください。

PocketID の設定方法
  1. OIDC クライアントを作成する
    管理OIDC クライアントOIDC クライアントを追加 をクリックします。

    • Name — 任意の名前を選択します。
    • Callback URLshttps://panel.example.com/oauth2/callback/pocketidpanel.example.com をパネルドメインに置き換えます)。
  2. Client ID と Client Secret を取得する
    Client IDClient Secret をコピーします。

  3. Remnawave で変数を設定する

    • Client ID
    • Client Secret
    • Plain Domain — PocketID インスタンスのプレーンドメイン。パスやプロトコルを使用せず、プレーンドメインのみ(例:pocketid.example.com
    • Allowed Emails — ログインを許可するメールアドレスを追加します。
  4. PocketID を使用してログインする
    ログインページに戻って新しい認証方法をテストします。確認後、ユーザー名/パスワードログインを無効にできます。

Yandex ID

警告

Yandex ID はセキュリティ上の懸念から、セルフホスト型の Remnawave インスタンスには推奨されません。

Yandex ID の設定方法
  1. Yandex ID アプリを作成する
    Yandex ID ページにアクセスしてアプリを作成します。

    • サービス名 — 任意の名前を選択します。
    • プラットフォームWeb サービス を選択します。
    • Redirect URIhttps://panel.example.com/oauth2/callback/yandexpanel.example.com をパネルドメインに置き換えます)。
    • 権限メールアドレスへのアクセス のみが必要です。
  2. Client ID と Client Secret を取得する
    Yandex ID アプリを作成すると、アプリプロファイルが表示され、Client IDClient Secret をコピーする必要があります。

  3. Remnawave で変数を設定する

    • Client ID
    • Client Secret
    • Allowed Emails — アクセスを許可したい Yandex アカウントのメールアドレスを設定します。ログインする Yandex アカウントは、ここで指定したメールアドレスで登録されている必要があります。
  4. Yandex ID を使用してログインする
    ログインページに戻って新しい認証方法をテストします。確認後、ユーザー名/パスワードログインを無効にできます。

Telegram OAuth

Telegram アカウントでログインできます。

Telegram OAuth の設定方法
  1. ボットを作成する
    @BotFather/newbot を送信して新しいボットを作成します。そのトークンをコピーします。

  2. ドメインを設定する
    /mybots を送信します。作成したボットを選択します。次に ボット設定ドメインドメインを設定 に移動します。
    パネルのドメインを送信します。例:https://panel.example.com

  3. 管理者 ID を取得する
    @userinfobot/start を送信します。返答された ID をコピーします。

  4. Remnawave で変数を設定する

    • Bot Token — 先ほど作成したボットのトークンを設定します。
    • Allowed Admin IDs — @userinfobot から取得した ID を設定します。
  5. Telegram Auth を使用してログインする
    ログインページに戻って新しい認証方法をテストします。確認後、ユーザー名/パスワードログインを無効にできます。

ロックアウトされましたか?

パスワードログインを無効にして OAuth が機能しない場合、Remnawave Rescue CLI で再度有効にできます。

パネルをホストしているサーバーで実行します:

docker exec -it remnawave remnawave

📄️ ノード

スーパー管理者を作成してホームページを確認したら、次のステップは最初のノードを設定することです。