在阿里云轻量应用服务器(Lightweight Application Server)上部署静态网页,通常有两种主流方式:直接使用 Nginx/Apache 托管(推荐,适合生产环境)或 使用对象存储 OSS 搭配 CDN(适合高并发、低成本场景)。
以下是基于最常用的 Nginx + 本地文件 方式的详细部署步骤。本教程以 Ubuntu/Debian 系统为例,CentOS 系统操作类似。
第一步:登录并连接服务器
- 登录阿里云控制台,进入“轻量应用服务器”页面。
- 点击你的实例,选择 “远程连接”(Web Terminal)或通过 SSH 工具(如 Xshell, Putty, Terminal)连接。
- 默认端口通常为
22。 - 用户名通常是
root。
- 默认端口通常为
第二步:安装 Web 服务器软件 (Nginx)
轻量应用服务器镜像中可能预装了 Nginx,如果没有,请手动安装。
# 更新软件源
sudo apt update # Ubuntu/Debian
# 或 sudo yum update # CentOS
# 安装 Nginx
sudo apt install nginx -y # Ubuntu/Debian
# 或 sudo yum install nginx -y # CentOS
# 启动并设置开机自启
sudo systemctl start nginx
sudo systemctl enable nginx
验证安装:在浏览器输入服务器的公网 IP 地址,如果看到 "Welcome to nginx!" 页面,说明服务已正常启动。
第三步:上传静态网页文件
你需要将本地的 HTML/CSS/JS 文件上传到服务器的指定目录。
方法 A:使用 SCP/SFTP 工具(推荐,操作简单)
- 在本地电脑下载并安装 FileZilla 或 WinSCP。
- 连接服务器:
- 主机:服务器公网 IP
- 用户名:root
- 密码:你的服务器密码
- 上传文件到 Nginx 的默认根目录:
- Linux 路径:
/var/www/html/ - 你可以将本地
index.html拖拽覆盖该目录下原有的文件。
- Linux 路径:
方法 B:使用命令行上传
如果你已经有一个 zip 包在本地,可以使用 scp 命令:
scp /path/to/local/index.html root@你的服务器IP:/var/www/html/
第四步:配置防火墙与安全组
这是最关键的一步,否则外部无法访问。
-
云服务器安全组(阿里云控制台):
- 回到阿里云控制台 -> 轻量应用服务器 -> 点击实例 -> 安全组。
- 确保入方向规则允许 TCP 80 (HTTP) 和 TCP 443 (HTTPS) 端口。
- 注意:轻量应用服务器的默认安全组通常只开放了 80 和 443,如果是自定义镜像可能需要检查。
-
系统内部防火墙(UFW/iptables):
- 轻量应用服务器默认通常未开启复杂防火墙,但为了保险,可以检查:
sudo ufw allow 'Nginx Full' # 如果使用 UFW # 或者 sudo firewall-cmd --permanent --add-service=http # 如果使用 firewalld sudo firewall-cmd --reload
- 轻量应用服务器默认通常未开启复杂防火墙,但为了保险,可以检查:
第五步:测试访问
打开浏览器,输入 http://你的服务器公网IP,你应该能看到你刚才上传的静态网页。
进阶优化建议
1. 修改网站根目录
如果你的网页文件很多,不想放在 /var/www/html/,可以修改 Nginx 配置:
sudo nano /etc/nginx/sites-available/default
找到 root /var/www/html; 这一行,修改为你想要的路径(例如 /var/www/mywebsite),然后重启 Nginx:
sudo systemctl restart nginx
2. 绑定域名(可选)
如果你有域名,可以在阿里云 DNS 解析中将域名指向服务器 IP,然后在 Nginx 配置中添加 server_name:
server {
listen 80;
server_name yourdomain.com www.yourdomain.com; # 替换为你的域名
location / {
root /var/www/html;
index index.html index.htm;
}
}
注意:如果绑定了域名,需要先在阿里云 DNS 解析管理中添加一条 A 记录,指向服务器 IP。
3. 使用 HTTPS (SSL 证书)
轻量应用服务器控制台提供了一键申请免费 SSL 证书的功能(Let’s Encrypt):
- 进入控制台 -> 实例详情 -> 应用商店 -> 搜索 Certbot 或直接在 宝塔面板(如果安装了)中一键申请。
- 申请后,Nginx 会自动配置 HTTPS 跳转。
替代方案:OSS + CDN
如果你的网页流量较大,或者希望更低的成本:
- 在阿里云开通 对象存储 OSS 和 CDN。
- 将静态文件上传至 OSS Bucket。
- 在 OSS 控制台开启“静态网站托管”。
- 在 CDN 添加提速域名,将源站指向 OSS。
- 这种方式无需购买 ECS 服务器即可部署,且自带全球提速能力。
对于初学者或小型项目,Nginx 方案是最直接、最灵活的选择。
云知识CLOUD