Nginx-UI

README

Nginx UI

Yet another Nginx Web UI, developed by 0xJacky and Hintay.

简体中文

繁體中文

Table of Contents

1. About The Project
   • Features
   • Internationalization
   • Built With
2. Getting Started
   • Before Use
   • Installation
   • Usage
     • From Executable
     • With Systemd
3. Manual Build
   • Prerequisites
   • Build Frontend
   • Build Backend
4. Script for Linux
   • Basic Usage
   • More Usage
5. Example of Nginx Reverse Proxy Configuration
6. Contributing
7. License

About The Project

Demo

URL：https://nginxui.jackyu.cn

• username：admin
• password：admin

Features

• Online view of server CPU, Memory, Load Average, Disk Usage and other indicators.
• One-click deployment and automatic renewal Let's Encrypt certificates.
• Online editing websites configuration files, the editor support highlight nginx configuration syntax.
• Written in Go and Vue, distribution is a single executable binary.
• Frontend support Dark Mode
• Automatically test configuration file and reload nginx after saving configuration.

Internationalization

• English
• Simplified Chinese
• Traditional Chinese

We welcome translations into any language.

Built With

• The Go Programming Language
• Gin Web Framework
• GORM
• Vue 2
• vue-gettext

Getting Started

Before Use

The Nginx UI follows the Nginx standard of creating site configuration files in the sites-available directory under the Nginx configuration directory (auto-detected). The configuration files for an enabled site will create a soft link to the sites-enabled directory. Therefore, you may need to adjust the way the configuration files are organised.

Installation

Nginx UI is available on the following platforms:

• Mac OS X 10.10 Yosemite and later (amd64 / arm64)
• Linux 2.6.23 and later (x86 / amd64 / arm64 / armv5 / armv6 / armv7)
  • Including but not limited to Debian 7 / 8, Ubuntu 12.04 / 14.04 and later, CentOS 6 / 7, Arch Linux
• FreeBSD (x86 / amd64)
• OpenBSD (x86 / amd64)
• Dragonfly BSD (amd64)

You can visit latest release to download the latest distribution, or just use installation scripts for Linux.

Usage

In the first runtime of Nginx UI, please visit http://<your_server_ip>:<listen_port>/install in your browser to complete the follow-up configurations.

From Executable

Run Nginx UI in Terminal

nginx-ui -config app.ini

Press Control+C in the terminal to exit Nginx UI.

Run Nginx UI in Background

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

Stop Nginx UI with the follow commond.

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

With Systemd

If you are using the installation script for Linux, the Nginx UI will be installed as nginx-ui service in systemd. Please use the systemctl command to control it.

Start Nginx UI

systemctl start nginx-ui

Stop Nginx UI

systemctl stop nginx-ui

Restart Nginx UI

systemctl restart nginx-ui

Manual Build

On platforms that do not have an official build version, they can be built manually.

Prerequisites

• Make

• Golang 1.17+

• node.js 14+

  npx browserslist@latest --update-db
  

Build Frontend

Please execute the following command in frontend directory.

yarn install
make translations
yarn build

Build Backend

Please build the frontend first, and then execute the following command in the project root directory.

go build -o nginx-ui -v main.go

Script for Linux

Basic Usage

Install and Upgrade

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

The default listening port is 9000, and the default HTTP Challenge port is 9180. If there is a port conflict, please modify /usr/local/etc/nginx-ui/app.ini manually, then use systemctl restart nginx-ui to reload the Nginx UI service.

Remove Nginx UI, except configuration and database files

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

More Usage

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

Example of Nginx Reverse Proxy Configuration

server {
    listen          80;
    listen          [::]:80;

    server_name     <your_server_name>;
    rewrite ^(.*)$  https://$host$1 permanent;
}

server {
    listen  443       ssl http2;
    listen  [::]:443  ssl http2;

    server_name         <your_server_name>;

    ssl_certificate     /path/to/ssl_cert;
    ssl_certificate_key /path/to/ssl_cert_key;

    location / {
        proxy_set_header    Host                $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_version  1.1;
        proxy_set_header    Upgrade             $http_upgrade;
        proxy_set_header    Connection          upgrade;
        proxy_pass          http://127.0.0.1:9000/;
    }
}

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is provided under a GNU Affero General Public License v3.0 license that can be found in the LICENSE file. By using, distributing, or contributing to this project, you agree to the terms and conditions of this license.