📁 一、準備階段(在聯網電腦上完成)
1.1 下載 Nginx 官方 RPM 安裝包
在聯網電腦瀏覽器中訪問 Nginx 官方穩定版本倉庫:
🔗 地址:http://nginx.org/packages/centos/7/x86_64/
??云盤:https://www.123912.com/s/Mjh6jv-jqQVd?pwd=f8DJ# 提取碼:f8DJ
下載以下文件:
nginx-1.26.1-2.el7.ngx.x86_64.rpm
pcre2-10.23-2.el7.x86_64.rpm
保存到一個文件夾中,例如 nginx_rpm/
。
1.2 準備 ECharts 頁面文件
確保你已準備好如下網頁結構:
echarts-demo/
└── index.html
建議不依賴 CDN,全部靜態 JS 文件放本地,適合純離線。
1.3 獲取 Nginx 依賴 RPM 包(用于離線環境)
在聯網環境執行以下命令(需安裝 yum-plugin-downloadonly):
yum install yum-plugin-downloadonly -y
mkdir nginx_deps
cd nginx_deps
yum install --downloadonly --downloaddir=. \gcc pcre pcre-devel zlib zlib-devel openssl openssl-devel
將 nginx_deps/
、nginx_rpm/
、echarts-demo/
打包帶入內網。
目錄結構示例:
nginx_offline_package/
├── nginx_rpm/
│ └── nginx-1.24.0-1.el7.ngx.x86_64.rpm
│ └── pcre2-10.23-2.el7.x86_64.rpm
├── nginx_deps/
│ └── *.rpm
├── echarts-demo/
│ └── index.html
└── deploy.sh
🛠? 二、手動安裝部署(CentOS 7 內網服務器)
2.1 安裝依賴包
cd nginx_offline_package/nginx_deps
sudo yum localinstall -y *.rpm
2.2 安裝 Nginx RPM 包
cd ../nginx_rpm
sudo yum localinstall -y nginx-*.rpm
2.3 部署 ECharts 頁面
sudo mkdir -p /usr/share/nginx/html/echarts-demo
sudo cp -r ../echarts-demo/* /usr/share/nginx/html/echarts-demo/
2.4 啟動 Nginx
sudo systemctl start nginx
sudo systemctl enable nginx
?? 三、自動化部署腳本
將以下腳本保存為 deploy.sh
,與其他目錄放在 nginx_offline_package/
內。
#!/bin/bashset -eNGINX_RPM_DIR="nginx_rpm"
NGINX_DEPS_DIR="nginx_deps"
ECHAR_DIR="echarts-demo"
WEB_DIR="/usr/share/nginx/html/echarts-demo"echo "[1/4] 安裝依賴包..."
cd $NGINX_DEPS_DIR
yum localinstall -y *.rpm &>/dev/null
cd ..echo "[2/4] 安裝 Nginx RPM..."
yum localinstall -y $NGINX_RPM_DIR/nginx-*.rpm &>/dev/nullecho "[3/4] 拷貝頁面..."
mkdir -p $WEB_DIR
cp -r $ECHAR_DIR/* $WEB_DIR/echo "[4/4] 啟動 Nginx..."
systemctl start nginx
systemctl enable nginxecho "? 部署完成!請訪問 http://<你的內網IP>/echarts-demo/"
使用方法:
chmod +x deploy.sh
sudo ./deploy.sh
🔒 防火墻建議(如無法訪問)
sudo systemctl stop firewalld
sudo systemctl disable firewalld
? 頁面訪問
使用瀏覽器訪問:
http://<服務器IP>/echarts-demo/