nginx ui
2.0.0-beta.39
อีกหนึ่ง Nginx Web UI พัฒนาโดย 0xJacky และ Hintay
หากต้องการตรวจสอบเอกสาร โปรดไปที่ nginxui.com
อังกฤษ | ภาษาสเปน | 简体中文 | 繁體中文 | เตียงเวียต
เกี่ยวกับโครงการ
สาธิต
คุณสมบัติ
ความเป็นสากล
สร้างด้วย
เริ่มต้นใช้งาน
จากปฏิบัติการได้
ด้วย Systemd
ด้วยนักเทียบท่า
ก่อนใช้งาน
การติดตั้ง
การใช้งาน
สร้างด้วยตนเอง
ข้อกำหนดเบื้องต้น
สร้างส่วนหน้า
สร้างแบ็กเอนด์
สคริปต์สำหรับลินุกซ์
การใช้งานขั้นพื้นฐาน
การใช้งานเพิ่มเติม
ตัวอย่างการกำหนดค่า Nginx Reverse Proxy
มีส่วนร่วม
ใบอนุญาต
URL：https://demo.nginxui.com
ชื่อผู้ใช้：admin
รหัสผ่าน：ผู้ดูแลระบบ
สถิติออนไลน์สำหรับตัวบ่งชี้เซิร์ฟเวอร์ เช่น การใช้งาน CPU, การใช้งานหน่วยความจำ, ค่าเฉลี่ยการโหลด และการใช้งานดิสก์
ผู้ช่วย ChatGPT ออนไลน์
การปรับใช้เพียงคลิกเดียวและการต่ออายุอัตโนมัติ มาเข้ารหัสใบรับรองกัน
การแก้ไขการกำหนดค่าเว็บไซต์แบบออนไลน์ด้วย NgxConfigEditor ที่ออกแบบเองของเรา ซึ่งเป็นตัวแก้ไขบล็อกที่ใช้งานง่ายสำหรับการกำหนดค่า nginx หรือ Ace Code Editor ซึ่งรองรับการเน้นไวยากรณ์การกำหนดค่า nginx
ดูบันทึก Nginx ออนไลน์
เขียนใน Go และ Vue การแจกจ่ายเป็นไบนารี่ที่ปฏิบัติการได้เดี่ยว
ทดสอบไฟล์การกำหนดค่าโดยอัตโนมัติและโหลด nginx ซ้ำหลังจากบันทึกการกำหนดค่า
เว็บเทอร์มินัล
โหมดมืด
การออกแบบเว็บไซต์ที่ตอบสนอง
ภาษาอังกฤษ
จีนตัวย่อ
จีนดั้งเดิม
เรายินดีรับการแปลเป็นภาษาต่างๆ
ภาษาโปรแกรม Go
กรอบงานเว็บ Gin
กอร์ม
วิว 3
วิท
TypeScript
แอนท์ ดีไซน์ วิว
vue3-gettext
vue3-ace-บรรณาธิการ
กงกิ๊นซ์
Nginx UI เป็นไปตามมาตรฐานไฟล์การกำหนดค่าเว็บเซิร์ฟเวอร์ Debian ไฟล์การกำหนดค่าไซต์ที่สร้างขึ้นจะถูกวางไว้ในโฟลเดอร์ sites-available ซึ่งอยู่ภายใต้โฟลเดอร์การกำหนดค่า Nginx (ตรวจพบอัตโนมัติ) ไฟล์การกำหนดค่าสำหรับไซต์ที่เปิดใช้งานจะสร้างซอฟต์ลิงก์ไปยังโฟลเดอร์ sites-enabled คุณอาจต้องปรับวิธีจัดระเบียบไฟล์การกำหนดค่า
สำหรับระบบที่ไม่ใช่ Debian (และ Ubuntu) คุณอาจต้องเปลี่ยนเนื้อหาของไฟล์การกำหนดค่า nginx.conf เป็นรูปแบบ Debian ดังที่แสดงด้านล่าง
http {# ...รวม /etc/nginx/conf.d/*.conf;รวม /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
ฟรีBSD
OpenBSD
แมลงปอ BSD
Openwrt
คุณสามารถเยี่ยมชมรุ่นล่าสุดเพื่อดาวน์โหลดการแจกจ่ายล่าสุด หรือเพียงใช้สคริปต์การติดตั้งสำหรับ Linux
ในรันไทม์แรกของ Nginx UI โปรดไปที่ http:// ในเบราว์เซอร์ของคุณเพื่อทำการกำหนดค่าติดตามผลให้เสร็จสมบูรณ์
เรียกใช้ Nginx UI ใน Terminal
nginx-ui -config app.ini
กด Control+C ในเทอร์มินัลเพื่อออกจาก Nginx UI
เรียกใช้ Nginx UI ในพื้นหลัง
nohup ./nginx-ui -config app.ini &
หยุด Nginx UI ด้วยคำสั่งต่อไปนี้
ฆ่า -9 $(ps -aux | grep nginx-ui | grep -v grep | awk '{พิมพ์ $2}') หากคุณใช้สคริปต์การติดตั้งสำหรับ Linux Nginx UI จะถูกติดตั้งเป็นบริการ nginx-ui ใน systemd โปรดใช้คำสั่ง systemctl เพื่อควบคุม
เริ่ม Nginx UI
systemctl เริ่ม nginx-ui
หยุด Nginx UI
systemctl หยุด nginx-ui
รีสตาร์ท Nginx UI
systemctl รีสตาร์ท nginx-ui
อิมเมจนักเทียบท่าของเรา uozi/nginx-ui:latest อิงตามอิมเมจ nginx ล่าสุดและสามารถใช้เพื่อแทนที่ Nginx บนโฮสต์ ด้วยการเผยแพร่พอร์ตของคอนเทนเนอร์ 80 และ 443 ไปยังโฮสต์ คุณสามารถสร้างสวิตช์ได้อย่างง่ายดาย
เมื่อใช้คอนเทนเนอร์นี้เป็นครั้งแรก ตรวจสอบให้แน่ใจว่าโวลุ่มที่แมปกับ /etc/nginx นั้นว่างเปล่า
หากคุณต้องการโฮสต์ไฟล์แบบคงที่ คุณสามารถแมปไดเร็กทอรีกับคอนเทนเนอร์ได้
ติดตั้งนักเทียบท่า
จากนั้นปรับใช้ nginx-ui ดังนี้:
นักเทียบท่าวิ่ง -dit --name=nginx-ui --รีสตาร์ท=เสมอ -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:ล่าสุด
เมื่อคอนเทนเนอร์นักเทียบท่าของคุณทำงาน ให้เข้าสู่ระบบแผง nginx-ui ด้วย http://
ติดตั้ง Docker-Compose
สร้างไฟล์ docker-compose.yml ดังนี้:
บริการ: nginx-ui: stdin_open: true tty: true container_name: 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:latest'จากนั้นสร้างคอนเทนเนอร์ของคุณโดย:
นักเทียบท่าเขียน -d
เมื่อคอนเทนเนอร์นักเทียบท่าของคุณทำงาน ให้เข้าสู่ระบบแผง nginx-ui ด้วย http://
บนแพลตฟอร์มที่ไม่มีเวอร์ชันบิลด์อย่างเป็นทางการ สามารถสร้างได้ด้วยตนเอง
ทำ
โกลัง 1.23+
node.js 21+
npx browserslist@latest --update-db
โปรดดำเนินการคำสั่งต่อไปนี้ในไดเรกทอรี app
ติดตั้ง pnpm บิลด์ pnpm
โปรดสร้างแอปก่อน จากนั้นดำเนินการคำสั่งต่อไปนี้ในไดเร็กทอรีรากของโปรเจ็กต์
ไป build -tags=jsoniter -ldflags "$LD_FLAGS -X 'github.com/0xJacky/Nginx-UI/settings.buildTime=$(date +%s)'" -o nginx-ui -v main.go
ติดตั้งและอัปเกรด
bash <(curl -L -s https://raw.githubusercontent.com/0xJacky/nginx-ui/master/install.sh) ติดตั้ง
พอร์ตการฟังเริ่มต้นคือ 9000 และพอร์ต HTTP Challenge เริ่มต้นคือ 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) ช่วยด้วย
เซิร์ฟเวอร์ { ฟัง 80; ฟัง [::]:80; เซิร์ฟเวอร์_ชื่อ ; เขียนใหม่ ^(.*)$ https://$host$1 ถาวร;
} แมป $http_upgrade $connection_upgrade { การอัพเกรดเริ่มต้น; '' ปิด;
} เซิร์ฟเวอร์ { ฟัง 443 ssl; ฟัง [::]:443 ssl; http2 บน; เซิร์ฟเวอร์_ชื่อ ; ssl_certificate /เส้นทาง/ถึง/ssl_cert; ssl_certificate_key /path/to/ssl_cert_key; ตำแหน่ง / { โฮสต์ proxy_set_header $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-ส่งต่อ-สำหรับ $proxy_add_x_forwarded_for; proxy_set_header โครงการ X-Forwarded-Proto $; พร็อกซี_http_เวอร์ชัน 1.1; proxy_set_header อัปเกรด $http_upgrade; การเชื่อมต่อ proxy_set_header $connection_upgrade; พร็อกซี_พาส http://127.0.0.1:9000/;
-
- การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่ยอดเยี่ยมในการเรียนรู้ สร้างแรงบันดาลใจ และสร้างสรรค์ การมีส่วนร่วมใด ๆ ที่คุณทำจะ ได้รับการชื่นชมอย่างมาก
หากคุณมีข้อเสนอแนะที่จะทำให้สิ่งนี้ดีขึ้น โปรดแยก repo และสร้างคำขอดึง คุณยังสามารถเปิดปัญหาด้วยแท็ก "การปรับปรุง" ได้อีกด้วย อย่าลืมให้ดาวแก่โครงการนี้ด้วย! ขอบคุณอีกครั้ง!
ส้อมโครงการ
สร้าง Feature Branch ของคุณ ( git checkout -b feature/AmazingFeature )
ยอมรับการเปลี่ยนแปลงของคุณ ( git commit -m 'Add some AmazingFeature' )
พุชไปที่สาขา ( git push origin feature/AmazingFeature )
เปิดคำขอดึง
โครงการนี้จัดทำขึ้นภายใต้ใบอนุญาต GNU Affero General Public License v3.0 ที่สามารถพบได้ในไฟล์ใบอนุญาต โดยการใช้ แจกจ่าย หรือมีส่วนร่วมในโครงการนี้ แสดงว่าคุณยอมรับข้อกำหนดและเงื่อนไขของใบอนุญาตนี้
