🚀 阿里云Web应用托管部署静态网站,自定义域名配置指南来啦!
一、准备工作
- ✅ 注册并登录阿里云账号 (aliyun.com)。
- 📦 准备好你的静态网站文件 (HTML, CSS, JavaScript, Images 等),确保目录结构清晰。
- 🌐 拥有一个已备案的域名 (如果需要自定义域名)。 备案很重要哦!
二、创建Web应用托管环境
- 进入阿里云控制台,搜索 “Web应用托管”,点击进入。
- 点击 “创建环境”,选择适合你的地域 (Region)。地理位置很重要,延迟会不一样!
- 填写环境名称 (例如:my-static-website),选择环境规格 (根据访问量预估选择,后续可以升级)。
- 选择付费方式 (包年包月或按量付费),确认配置并创建环境。 等待环境创建完成。
三、部署静态网站
- 进入刚创建的Web应用托管环境。
- 点击 “应用管理” -> “创建应用”。
- 选择部署方式:
- 方式一:源码部署 (推荐)
- 选择 “从本地上传”,上传你的静态网站文件 (整个文件夹压缩成 ZIP 包)。
- 设置应用名称 (例如:my-website)。
- 配置启动命令 (通常静态网站不需要,可以留空)。
- 配置端口 (通常静态网站使用 80 或 443 端口)。
- 点击 “创建并部署”。
- 方式二:镜像部署 (不常用,除非你有 Docker 镜像)
- 选择 “从镜像仓库”,填写镜像地址。
- 配置端口。
- 点击 “创建并部署”。
- 等待应用部署完成。 部署过程可能需要几分钟,请耐心等待。 期间可以喝杯咖啡☕️。
- 部署完成后,点击 “访问地址”,即可通过阿里云提供的默认域名访问你的网站。🎉
四、配置自定义域名
- 添加域名解析
- 登录你的域名服务商 (例如:阿里云域名服务)。
- 进入域名解析管理页面。
- 添加两条 A 记录:
- 记录类型:A
- 主机记录:@ (代表根域名,例如:example.com)
- 记录值:Web应用托管环境的公网 IP 地址 (在Web应用托管控制台可以找到)
- 记录类型:A
- 主机记录:www (代表 www.example.com)
- 记录值:Web应用托管环境的公网 IP 地址
- 如果需要支持泛域名,可以添加泛域名解析记录 (例如:*.example.com)。
- 等待域名解析生效 (通常需要几分钟到几小时)。
- 在Web应用托管中绑定域名
- 进入Web应用托管环境。
- 点击 “域名管理” -> “添加域名”。
- 填写你的自定义域名 (例如:example.com 和 www.example.com)。
- 验证域名所有权 (通常需要添加一条 TXT 记录到你的域名解析)。 按照提示操作即可。
- 等待域名绑定完成。
- 配置 SSL 证书 (HTTPS)
- 强烈建议配置 SSL 证书,启用 HTTPS,保证网站安全。
- 你可以使用阿里云提供的免费 SSL 证书 (需要实名认证)。
- 或者上传你自己的 SSL 证书。
- 在Web应用托管控制台中,找到 SSL 证书配置,按照提示操作。
- 配置完成后,你的网站就可以通过 HTTPS 访问了。 🔒
五、高级配置 (可选)
- CDN 加速:如果你的网站需要面向全球用户,可以考虑使用阿里云 CDN 加速,提高访问速度。
- 自定义错误页面:可以自定义 404, 500 等错误页面,提升用户体验。
- 日志管理:查看网站访问日志,排查问题。
- 监控告警:设置监控告警,及时发现网站异常。
六、注意事项
- 确保你的域名已经备案。
- 域名解析需要时间生效。
- SSL 证书需要正确配置。
- 定期备份你的网站文件。
恭喜你! 🎉 现在你的静态网站已经成功部署到阿里云Web应用托管,并配置了自定义域名! 快去分享你的网站吧! 🚀
有问题可以随时提问哦! 🙋♀️