最新教程 | 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.pswp.cn/news/917947.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/917947.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Redis 常用数据类型 (下)

文章目录前言一 Hash 哈希1. Hash 相关命令hset 和 hgethexistshdelhkeyshvalshgetallhmgethlenhsetnxhincrbyincrbyfloat2. Hash 命令小结3. Hash 内部编码Hash 在缓存中的应用场景介绍缓存方式对比二、List 列表1. LIST总体介绍2. List 普通命令lpushlpushxrpushrpushxlrange…

Java Lambda表达式:简洁高效的函数式编程

1 lambda表达式Lambda 表达式本质是一个匿名函数&#xff0c;用于把函数作为参数&#xff0c;传入方法中&#xff0c;实现函数式编程风格。使用Lambda 表达式可以使代码变的更加简洁紧凑。语法格式&#xff1a;(parameters)-> expression 或 (parameters)->{ statements…

python中的集合

目录 初识集合 集合的含义 集合的作用 集合的使用场景 集合的定义 集合的常用操作 元素的增加 函数add() 元素的删除 函数remove() 函数clear() 函数pop() 集合的遍历 for循环 while循环 初识集合 集合的含义 在pyrhon中&#xff0c;集合是一种内置的数据结构…

如何将普通HTTP API接口改造为MCP服务器

在现代微服务架构中&#xff0c;MCP&#xff08;Mesh Configuration Protocol&#xff09; 作为高效配置分发协议&#xff0c;正逐渐替代传统HTTP API。本文将手把手教你如何将普通HTTP API升级为高性能MCP服务器。 为什么需要MCP&#xff1f; 传统HTTP API在配置分发场景存在…

数据结构第8问:什么是树?

树 【本节仅描述树的定义、术语以及相关性质】 定义 树是由若干个结点组成的有限集合。具有如下特征&#xff1a; 有且仅有一个根结点&#xff1b;除根结点外&#xff0c;每个其它结点有且仅有一个直接的父结点&#xff1b;除根结点外&#xff0c;每个结点可以有零个或者多个子…

PyTorch RNN 名字分类器

PyTorch RNN 名字分类器详解 使用PyTorch实现的字符级RNN&#xff08;循环神经网络&#xff09;项目&#xff0c;用于根据人名预测其所属的语言/国家。该模型通过学习不同语言名字的字符模式&#xff0c;够识别名字的语言起源。 环境设置 import torch import string import un…

面向对象之类方法,成员变量和局部变量

1.类的方法必须包含几个部分&#xff1f;2.成员变量和局部变量类的方法必须包含哪几个部分&#xff1f;.方法名&#xff1a;用于标识方法的名称&#xff0c;遵循标识符命名规则&#xff0c;通常采用驼峰命名法。返回值类型&#xff1a;指定方法返回的数据类型。如果方法不返回任…

古法笔记 | 通过查表进行ASCII字符编码转换

ASCII字符集是比较早期的一种字符编码&#xff0c;只能表示英文字符&#xff0c;最多能表示128个字符。 字符集规定了每个字符和二进制数之间的对应关系&#xff0c;可以通过查表完成二进制数到字符的转换ASCII字符占用的存储空间是定长的1字节 ASCII字符的官方码点表见下图&…

Linux C实现单生产者多消费者环形缓冲区

使用C11里的原子变量实现&#xff0c;没有用互斥锁&#xff0c;效率更高。ring_buffer.h:/*** file ring_buffer.h* author tl* brief 单生产者多消费者环形缓冲区&#xff0c;每条数据被所有消费者读后才释放。读线程安全&#xff0c;写仅单线程。* version* date 2025-08-06*…

复杂场景识别率↑31%!陌讯多模态融合算法在智慧环卫的实战解析

摘要&#xff1a;针对边缘计算优化的垃圾堆放识别场景&#xff0c;本文解析了基于动态决策机制的视觉算法如何提升复杂环境的鲁棒性。实测数据显示在遮挡/光照干扰下&#xff0c;mAP0.5较基线提升28.3%&#xff0c;误报率降低至行业1/5水平。一、行业痛点&#xff1a;智慧环卫的…

MyBatis-Plus Service 接口:如何在 MyBatis-Plus 中实现业务逻辑层??

全文目录&#xff1a;开篇语前言1. MyBatis-Plus 的 IService 接口1.1 基本使用示例&#xff1a;创建实体类 User 和 UserService1.2 创建 IService 接口1.3 创建 ServiceImpl 类1.4 典型的数据库操作方法1.4.1 save()&#xff1a;保存数据1.4.2 remove()&#xff1a;删除数据1…

[激光原理与应用-168]:光源 - 常见光源的分类、特性及应用场景的详细解析,涵盖技术原理、优缺点及典型应用领域

一、半导体光源1. LED光源&#xff08;发光二极管&#xff09;原理&#xff1a;通过半导体PN结的电子-空穴复合发光&#xff0c;波长由材料带隙决定&#xff08;如GaN发蓝光、AlGaInP发红光&#xff09;。特性&#xff1a;优点&#xff1a;寿命长&#xff08;>5万小时&#…

Metronic v.7.1.7企业级Web应用前端框架全攻略

本文还有配套的精品资源&#xff0c;点击获取 简介&#xff1a;Metronic是一款专注于构建响应式、高性能企业级Web应用的前端开发框架。最新版本v.7.1.7引入了多种功能和优化&#xff0c;以增强开发效率和用户体验。详细介绍了其核心特性&#xff0c;包括响应式设计、多种模…

鸿蒙开发--Notification Kit(用户通知服务)

通知是手机系统中很重要的信息展示方式&#xff0c;通知不仅可以展示文字&#xff0c;也可以展示图片&#xff0c;甚至可以将组件加到通知中&#xff0c;只要用户不清空&#xff0c;通知的信息可以永久保留在状态栏上通知的介绍 通知 Notification通知&#xff0c;即在一个应用…

鸿蒙 - 分享功能

文章目录一、背景二、app发起分享1. 通过分享面板进行分享2. 使用其他应用打开二、处理分享的内容1. module.json5 配置可接收分享2. 解析分享的数据一、背景 在App开发中&#xff0c;分享是常用功能&#xff0c;这里介绍鸿蒙开发中&#xff0c;其他应用分享到自己的app中&…

【Agent 系统设计】基于大语言模型的智能Agent系统

一篇阿里博文引发的思考和探索。基于大语言模型的智能Agent系统 1. 系统核心思想 核心思想是构建一个以大语言模型&#xff08;LLM&#xff09;为“大脑”的智能代理&#xff08;Agent&#xff09;&#xff0c;旨在解决将人类的自然语言指令高效、准确地转化为机器可执行的自动…

企业级Web框架性能对决:Spring Boot、Django、Node.js与ASP.NET深度测评

企业级Web应用的开发效率与运行性能直接关系到业务的成败。本文通过构建标准化的待办事项&#xff08;Todo&#xff09;应用&#xff0c;对四大主流框架——Spring Boot、Django、Node.js和ASP.NET展开全面的性能较量。我们将从底层架构特性出发&#xff0c;结合实测数据与数据…

为什么 `source ~/.bashrc` 在 systemd 或 crontab 中不生效

摘要&#xff1a;你是否遇到过这样的问题&#xff1a;在终端里运行脚本能正常工作&#xff0c;但用 systemd 或 crontab 自动启动时却报错“命令找不到”、“模块导入失败”&#xff1f; 本文将揭示一个深藏在 ~/.bashrc 中的“陷阱”&#xff1a;非交互式 shell 会直接退出&am…

Linux 磁盘中的文件

1.磁盘结构 Linux中的文件加载到内存上之前是放到哪的&#xff1f; 放在磁盘上的文件——>访问文件&#xff0c;打开它——>找到这个文件——>路径 但文件是怎样存储在磁盘上的 1.1物理结构磁盘可以理解为上百亿个小磁铁&#xff08;如N为1&#xff0c;S为0&#xff0…

【方法】Git本地仓库的文件夹不显示红色感叹号、绿色对号等图标

文章目录前言开始操作winr&#xff0c;输入regedit&#xff0c;打开注册表重启资源管理器前言 这个绿色对号图标表示本地仓库和远程的GitHub仓库内容保持一致&#xff0c;红色则是相反咯&#xff0c;给你们瞅一下。 首先这两个东西你一定要安装配置好了&#xff0c;安装顺序不…