用华为云 ECS + Nginx 部署一个纯静态网页小工具
一、背景
如果你的页面未来要接后端、要用自己的域名做 HTTPS、或就是想有一台完全可控的机器,那 ECS 是最灵活的方案。本文不比较各种方案,只把"ECS 上用 Nginx 部署静态站"这一步讲清楚。
我们用 Nginx 作为 Web 服务器,把做好的静态文件(HTML/CSS/JS)放到它的默认目录,浏览器通过服务器公网 IP 就能访问。
二、第一步:创建 ECS 并放开端口
- 进入弹性云服务器 ECS控制台,点「购买」或「创建」;
- 规格选入门级即可(如通用计算型 2vCPU / 2GB,纯静态小站够用);
- 镜像选公共镜像,例如 Huawei Cloud EulerOS、CentOS 或 Ubuntu(本文以 EulerOS/CentOS 的
yum和 Ubuntu/Debian 的apt分别给出命令); - 登录方式配置密钥对(推荐)或密码;
- 安全组:确认入方向已放通 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.css、script.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、后续接后端都不在话下。
- 点赞
- 收藏
- 关注作者
评论(0)