用华为云 ECS + Nginx 部署一个纯静态网页小工具

举报
海是岛思念的泪 发表于 2026/08/30 10:10:36 2026/08/30
【摘要】 纯前端页面想完全可控、用自己域名或以后接后端?本文在华为云 ECS 上用 Nginx 部署一个纯静态网页小工具,从安全组放通端口、SSH 登录、安装启动 Nginx 到 scp 上传文件,全程命令行操作。

一、背景

如果你的页面未来要接后端、要用自己的域名做 HTTPS、或就是想有一台完全可控的机器,那 ECS 是最灵活的方案。本文不比较各种方案,只把"ECS 上用 Nginx 部署静态站"这一步讲清楚。

我们用 Nginx 作为 Web 服务器,把做好的静态文件(HTML/CSS/JS)放到它的默认目录,浏览器通过服务器公网 IP 就能访问。

二、第一步:创建 ECS 并放开端口

  1. 进入弹性云服务器 ECS控制台,点「购买」或「创建」;
  2. 规格选入门级即可(如通用计算型 2vCPU / 2GB,纯静态小站够用);
  3. 镜像选公共镜像,例如 Huawei Cloud EulerOS、CentOS 或 Ubuntu(本文以 EulerOS/CentOS 的 yum 和 Ubuntu/Debian 的 apt 分别给出命令);
  4. 登录方式配置密钥对(推荐)或密码;
  5. 安全组:确认入方向已放通 22(SSH)80(HTTP)443(HTTPS)。若没有,到安全组控制台「入方向规则 → 添加规则」分别放通这三个端口(协议 TCP,源 0.0.0.0/0 或按需收窄)。

安全组是 ECS 的"防火墙",不放通端口外部就访问不进来,这一步不能漏。

三、第二步:SSH 登录服务器

ssh root@<你的公网IP>

首次登录用创建时设的密钥或密码。能正常进到命令行,说明网络和 22 端口都 OK。

四、第三步:安装并启动 Nginx

根据镜像选对应命令:

Huawei Cloud EulerOS / CentOS:

yum install -y nginx
systemctl enable --now nginx

Ubuntu / Debian:

apt-get update
apt-get install -y nginx
systemctl enable --now nginx

启动后,浏览器访问 http://<公网IP>,能看到 Nginx 默认欢迎页,说明 Web 服务已经起来了(前提是 80 端口已放通)。

五、第四步:上传你的网页

Nginx 的静态文件默认目录是 /usr/share/nginx/html/。把我们做好的 index.html 放进去即可,它会替换默认欢迎页。

本地用 scp 直接传(在你自己电脑上执行,不是服务器里):

scp index.html root@<你的公网IP>:/usr/share/nginx/html/index.html

如果你页面还有 style.cssscript.js 等,一起传进去、保持相对路径即可。上传完刷新 http://<公网IP>,就能看到自己的小工具了。

(可选)想用自定义域名:在域名解析里把 A 记录指向这台 ECS 的公网 IP,再给 Nginx 配 server_name 并申请免费证书做 HTTPS。这部分按需扩展,本文不展开。

六、成本与小贴士

  • ECS 按规格和使用时长计费,纯静态小站用最低规格就够;不用的实例记得关机或删除,避免一直计费
  • 静态文件本身不产生存储费,流量走 ECS 公网带宽(按带宽或流量计费),访问量小基本很便宜;
  • 想更新页面,重新 scp 覆盖 index.html 即可,无需重启 Nginx;
  • 如果以后要跑后端(如 Python/Node 服务),在同一台 ECS 上用 Nginx 做反向代理即可,扩展性比静态托管强。

七、小结

在 ECS 上用 Nginx 部署静态网页,核心就是四步:放通安全组端口 → SSH 登录 → 装并启动 Nginx → 把 index.html 丢进 /usr/share/nginx/html/。它比静态托管多了一台服务器要管,但也换来完全的可控性:自定义域名、HTTPS、后续接后端都不在话下。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。