当前位置: 首页 > web >正文

最新教程 | CentOS 7 内网环境 Nginx + ECharts 页面离线部署手册(RPM 安装方式)


📁 一、准备阶段(在联网电脑上完成)

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/
http://www.xdnf.cn/news/17369.html

相关文章:

  • Kotlin中String的==相等比较符
  • TCP 如何保证可靠性
  • 深入解析嵌套事务:原理与应用
  • uniapp vue3中使用pinia 和 pinia持久化(没有使用ts)
  • Java NIO 核心原理与秋招高频面试题解析
  • Gitee上免费搭建博客
  • 嵌入式学习---在 Linux 下的 C 语言学习 Day10
  • 《C语言》指针练习题--2
  • Redisson中的分布式锁
  • uni-app vue3 小程序接入 aliyun-rtc-wx-sdk
  • Vscode Data Wrangler 数据查看和处理工具
  • 如何为WordPress启用LiteSpeed缓存
  • Linux 限制 root 登录 IP 地址的方法
  • Activiti 中各种 startProcessInstance 接口之间的区别
  • Java——详解形参实参方法的重载
  • .NET PDF处理组件IronPDF:如何通过 AI 简化开发人员处理 PDF的方式
  • platform总线简介和使用场景说明
  • 设计模式-装饰模式 Java
  • Web开发-JS应用WebPack构建打包Mode映射DevTool源码泄漏识别还原
  • [激光原理与应用-169]:测量仪器 - 能量型 - 光功率计(功率稳定性监测)
  • RepoCoder:仓库级代码补全的迭代检索生成框架解析与应用前沿
  • 基于Python+Vue+Mysql实现(物联网)智能大棚
  • 【tips】css模仿矢量图透明背景
  • Vue 3 入门教程 9 - 表单处理
  • change和watch
  • 酉矩阵(Unitary Matrix)和随机矩阵
  • 拥抱云原生:从传统架构到云原生架构的演进与实践
  • 慢SQL优化实战:从一例线上慢SQL探究执行引擎工作过程
  • 如何快速掌握Excel公式?14天轻松通关
  • 大疆前端笔试题目详解