NetworkPanel

📖 概要

NetworkPanel

✨ コア機能

• 🚀 超高速測定：マルチスレッド同時リクエストに対応し、定量完了メカニズムによりネットワークスループットを正確に測定します。
• 🌍 マルチ出口IPクエリ：ワンクリックで複数ノードの出口IPアドレスを検出・表示します。
• ⚡️ リアルタイム設定：再起動不要で、ノード数やスレッド数を調整すると即座に反映されます。
• 📱 モバイル対応：モバイルレイアウトに完全対応。特に iOSのバックグラウンド実行 を最適化しており、画面ロック中でも測定可能です。
• 🛠 高度なカスタマイズ：
  • ユーザーが手動でカスタム測定ノードを追加可能。
  • スレッド数とバックグラウンドスイッチの状態を自動保存し、次回アクセス時に自動で読み込みます。
• 📊 ランキングシステム：内蔵の速度ランキングフロントエンド対応（バックエンドAPIと併用が必要）。
• 🎨 モダンなUI：新しくデザインされたユーザーインターフェースで、より直感的でスムーズな操作を実現。

🔗 オンラインデモ

👉 デモを見る

📦 クイックデプロイ

方法1：ビルドパッケージをダウンロード（初心者向け）

フロントエンドのビルド手順に詳しくない場合は、ビルド済みファイルを直接ダウンロードできます：

1. ダウンロード：こちらから最新のリリースをダウンロードします。
2. 解凍：圧縮ファイルを解凍します。
3. アップロード：解凍したすべてのファイルをサーバーのウェブサイト ルートディレクトリ（例：Nginxのhtmlディレクトリ）にアップロードします。
4. アクセス：ブラウザでドメインにアクセスします。

方法2：ソースコードからビルド（開発者向け）

二次開発や独自ビルドを行う場合：

# 1. プロジェクトをクローン
git clone https://github.com/Mtoly/NetWorkPanel2.git

# 2. ディレクトリに移動
cd NetworkPanel

# 3. 依存関係をインストール
npm install
# または yarn / pnpm を使用
pnpm install

# 4. 開発環境で実行
npm run dev

# 5. 本番環境用にビルド
npm run build