上一篇
HTML部署到云服务器
- 行业动态
- 2025-04-27
- 3283
将HTML文件部署到云服务器需先选择云服务商(如阿里云/ 酷盾安全),创建服务器实例并配置环境,通过FTP/SCP上传HTML文件至服务器,绑定域名或使用IP访问,最终通过浏览器输入地址即可访问网页
选择云服务器提供商
服务商 | 特点 |
---|---|
阿里云 | 国内主流,学生机优惠,支持一键部署 |
酷盾安全 | 生态整合强,支持微信集成 |
AWS | 国际通用,功能全面但价格较高 |
华为云 | 网络稳定性强,适合高并发场景 |
关键考虑因素:
- 地域:选择离用户近的节点(如国内选北京/上海)
- 系统镜像:推荐
Ubuntu 20.04 Server
(LTS版本稳定) - 带宽/流量:基础套餐通常够用,可后期升级
购买云服务器实例
- 登录控制台:注册账号后进入云服务器管理页面
- 配置实例:
- 地域:选择目标用户集中的区域(如
华东-上海
) - 规格:初期可选
1核2GB
内存 - 系统:选择
Ubuntu 20.04
- 存储:默认40GB云盘足够
- 地域:选择目标用户集中的区域(如
- 安全组规则:
- 开放
80/TCP
(HTTP)和443/TCP
(HTTPS)端口 - 限制SSH端口范围(如
20000-29999
)
- 开放
连接云服务器
方法1:SSH终端(推荐)
# 使用私钥密钥登录(需先在控制台下载密钥文件) ssh -i /path/to/private_key root@服务器公网IP -p 自定义端口
方法2:PuTTY(Windows)
- 输入公网IP和自定义端口
- 加载密钥文件(
.ppk
格式)
安装Web服务器(以Nginx为例)
命令 | 作用 |
---|---|
sudo apt update | 更新软件源 |
sudo apt install nginx | 安装Nginx |
sudo systemctl start nginx | 启动服务 |
sudo systemctl enable nginx | 设置开机自启 |
验证安装:浏览器访问http://服务器公网IP
,应显示Nginx欢迎页。
部署HTML文件
方法1:SCP上传文件
# 上传单个文件 scp -i /path/to/private_key index.html root@服务器公网IP:/var/www/html/ # 上传整个文件夹(需先创建目标目录) scp -r -i /path/to/private_key ./my-website/ root@服务器公网IP:/var/www/html/
方法2:WinSCP工具(Windows)
- 输入服务器IP、端口、用户名、密钥
- 拖拽HTML文件到
/var/www/html
目录
配置域名与SSL(HTTPS)
绑定域名
- 进入域名控制台,添加
A记录
指向服务器公网IP - 在Nginx配置中修改
server_name
:server { listen 80; server_name your-domain.com www.your-domain.com; root /var/www/html; ... }
申请免费SSL证书(Let’s Encrypt)
# 安装Certbot工具 sudo apt install certbot python3-certbot-nginx # 获取证书并自动配置Nginx sudo certbot --nginx -d your-domain.com -d www.your-domain.com
测试访问
- 等待DNS生效:通常需10-30分钟
- 检查防火墙:确保安全组允许
80/443
端口 - 访问测试:
- HTTP:
http://your-domain.com
- HTTPS:
https://your-domain.com
- HTTP:
常见问题与解答
问题1:如何更新已部署的HTML文件?
解答:
- 直接通过SCP/FTP覆盖原文件
- 或使用版本控制工具(如Git),部署时执行
git pull
拉取最新代码
问题2:如何强制跳转到HTTPS?
解答:
在Nginx配置中添加以下代码:
server { listen 80; server_name your-domain.com; return 301 https://$host$request_uri; # 强制跳转 }