nginx ui

その他のソースコード

2.0.0-beta.39

ダウンロード

Nginx UI

0xJacky と Hintay によって開発された、さらに別の Nginx Web UI。

ドキュメント

ドキュメントを確認するには、nginxui.com にアクセスしてください。

時を超えたスターゲイザー

英語 |スペイン語 | 简体中文 | 繁體中文 |ティエン・ヴィエット

プロジェクトについて

デモ
特徴
国際化
で構築

はじめる

実行可能ファイルから
Systemdを使用する場合
ドッカーを使用する

ご使用の前に
インストール
使用法

手動ビルド

前提条件
フロントエンドの構築
バックエンドの構築

Linux用のスクリプト

基本的な使い方
さらなる使用法

Nginx リバースプロキシ構成の例
貢献する
ライセンス

プロジェクトについて

ダッシュボード

デモ

URL：https://demo.nginxui.com

ユーザー名：管理者
パスワード：管理者

特徴

CPU 使用率、メモリ使用量、負荷平均、ディスク使用量などのサーバーインジケーターのオンライン統計。
オンラインチャットGPTアシスタント
ワンクリックでの展開と Let's Encrypt 証明書の自動更新。
nginx 設定用の使いやすいブロックエディタである自社設計のNgxConfigEditorまたは nginx 設定構文のハイライトをサポートするAce Code Editor を使用して Web サイト設定をオンライン編集します。
Nginx ログをオンラインで表示する
Go と Vue で書かれており、配布は単一の実行可能なバイナリです。
構成ファイルを自動的にテストし、構成を保存した後に nginx をリロードします。
ウェブターミナル
ダークモード
レスポンシブ Web デザイン

国際化

英語
簡体字中国語
繁体字中国語

あらゆる言語への翻訳を歓迎します。

で構築

Go プログラミング言語
ジン Web フレームワーク
ゴーム
Vue3
ヴィーテ
TypeScript
Ant デザインビュー
vue3-gettext
vue3-ace-エディター
ゴンギンス

はじめる

ご使用の前に

Nginx UI は、Debian Web サーバー構成ファイル標準に従っています。作成されたサイト構成ファイルは、Nginx 構成フォルダー (自動検出) の下のsites-availableフォルダーに配置されます。有効なサイトの構成ファイルは、 sites-enabledフォルダーへのソフトリンクを作成します。構成ファイルの編成方法を調整する必要がある場合があります。

非 Debian (および Ubuntu) システムの場合は、以下に示すように、 nginx.conf構成ファイルの内容を Debian スタイルに変更する必要がある場合があります。

 http {# ...include /etc/nginx/conf.d/*.conf;include /etc/nginx/sites-enabled/*;
}

詳細については: debian/conf/nginx.conf

インストール

Nginx UI は次のプラットフォームで利用できます。

macOS 11 Big Sur 以降 (amd64 / arm64)
Linux 2.6.23 以降 (x86 / amd64 / arm64 / armv5 / armv6 / armv7)

Debian 7 / 8、Ubuntu 12.04 / 14.04 以降、CentOS 6 / 7、Arch Linux を含みますが、これらに限定されません。

FreeBSD
OpenBSD
トンボBSD
開く

最新リリースにアクセスして最新のディストリビューションをダウンロードすることも、Linux 用のインストールスクリプトを使用することもできます。

使用法

Nginx UI の最初の実行時に、ブラウザでhttp://:にアクセスして、フォローアップ構成を完了してください。

実行可能ファイルから

ターミナルでNginx UIを実行する

nginx-ui -config app.ini

ターミナルでControl+C押して、Nginx UI を終了します。

バックグラウンドでNginx UIを実行する

nohup ./nginx-ui -config app.ini &

次のコマンドで Nginx UI を停止します。

 kill -9 $(ps -aux | grep nginx-ui | grep -v grep | awk '{print $2}')

Systemdを使用する場合

Linux のインストールスクリプトを使用している場合、Nginx UI は systemd にnginx-uiサービスとしてインストールされます。 systemctlコマンドを使用して制御してください。

Nginx UIを開始する

systemctl で nginx-ui を開始

Nginx UIを停止する

systemctl nginx-ui を停止します

Nginx UIを再起動する

systemctl nginx-ui を再起動します

ドッカーを使用する

Docker イメージ uozi/nginx-ui:latest は最新の nginx イメージに基づいており、ホスト上の Nginx を置き換えるために使用できます。コンテナのポート 80 と 443 をホストに公開することで、簡単に切り替えることができます。

注記

このコンテナを初めて使用するときは、/etc/nginx にマップされたボリュームが空であることを確認してください。
静的ファイルをホストしたい場合は、ディレクトリをコンテナにマップできます。

Docker を使用してデプロイする

Dockerをインストールします。
次に、次のように nginx-ui をデプロイします。

 docker run -dit 
  --name=nginx-ui 
  --restart=常に 
  -e TZ=アジア/上海 
  -v /mnt/user/appdata/nginx:/etc/nginx 
  -v /mnt/user/appdata/nginx-ui:/etc/nginx-ui 
  -p 8080:80 -p 8443:443 
  uozi/nginx-ui:最新

Docker コンテナーが実行されたら、 http://:8080/installを使用して nginx-ui パネルにログインします。

Docker-Compose を使用したデプロイ

Docker-Compose をインストールします。
次のような docker-compose.yml ファイルを作成します。

サービス: nginx-ui: stdin_open: true tty: true コンテナ名: nginx-ui 再起動: 常に 環境:
            - TZ=アジア/上海のボリューム:
            - '/mnt/user/appdata/nginx:/etc/nginx'
            - '/mnt/user/appdata/nginx-ui:/etc/nginx-ui'
            - 「/var/www:/var/www」ポート:
            - 8080:80
            - 8443:443 画像: 'uozi/nginx-ui:最新'

次に、次の手順でコンテナを作成します。

ドッカー構成 -d

Docker コンテナーが実行されたら、 http://:8080/installを使用して nginx-ui パネルにログインします。

手動ビルド

公式ビルドバージョンがないプラットフォームでは、手動でビルドできます。

前提条件

作る
Golang 1.23+

ノード.js 21+

 npx ブラウザリスト@最新 --update-db

フロントエンドの構築

appディレクトリで以下のコマンドを実行してください。

 pnpmインストール
pnpmビルド

バックエンドの構築

まずアプリをビルドしてから、プロジェクトのルートディレクトリで次のコマンドを実行してください。

 go build -tags=jsoniter -ldflags "$LD_FLAGS -X 'github.com/0xJacky/Nginx-UI/settings.buildTime=$(date +%s)'" -o nginx-ui -v main.go

Linux用のスクリプト

基本的な使い方

インストールとアップグレード

bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) インストール

デフォルトのリスニングポートは9000 、デフォルトの HTTP チャレンジポートは9180です。ポートの競合がある場合は、 /usr/local/etc/nginx-ui/app.iniを手動で変更し、 systemctl restart nginx-ui使用して Nginx UI サービスをリロードしてください。

構成ファイルとデータベースファイルを除いて、Nginx UI を削除します

bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) 削除

さらなる使用法

bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) ヘルプ

Nginx リバースプロキシ構成の例

サーバー { リッスン 80;    聞いてください [::]:80;    サーバー名 <あなたのサーバー名>;    ^(.*)$ https://$host$1 を永続的に書き換えます。
}map $http_upgrade $connection_upgrade { デフォルトのアップグレード;    ''      近い;
}サーバー { 443 SSL をリッスンします。    リッスン [::]:443 ssl;    http2 がオン。    サーバー名 <あなたのサーバー名>;    ssl_certificate /パス/to/ssl_cert;    ssl_certificate_key /パス/to/ssl_cert_key;    location / { proxy_set_header ホスト $host;        proxy_set_header X-Real-IP $remote_addr;        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;        proxy_set_header X-Forwarded-Proto $scheme;        proxy_http_バージョン 1.1;        proxy_set_header アップグレード $http_upgrade;        proxy_set_header 接続 $connection_upgrade;        プロキシパス http://127.0.0.1:9000/;
    }
}