用华为云 OBS 托管静态网站,再配 CDN 加速:一次跑通的实操记录

举报
yd_274671247 发表于 2026/11/13 19:35:45 2026/11/13
【摘要】 最近把一个个人作品展示页从 ECS 上迁到了 OBS 加 CDN,原因很简单:静态页面不需要一台整天开着的服务器,OBS 按量计费、用多少算多少,日常几乎没有固定支出,改版也只需要重新上传文件,不用再登录服务器改配置。整个过程一个小时左右就跑通了,把步骤和踩过的坑记下来,供有同样需求的开发者参考。 一、准备工作一个完成实名的华为云账号,这是创建 OBS 桶和 CDN 加速域名的前置条件。一套...

最近把一个个人作品展示页从 ECS 上迁到了 OBS 加 CDN,原因很简单:静态页面不需要一台整天开着的服务器,OBS 按量计费、用多少算多少,日常几乎没有固定支出,改版也只需要重新上传文件,不用再登录服务器改配置。整个过程一个小时左右就跑通了,把步骤和踩过的坑记下来,供有同样需求的开发者参考。

一、准备工作

  1. 一个完成实名的华为云账号,这是创建 OBS 桶和 CDN 加速域名的前置条件。
  2. 一套做好的静态页面,至少包含 index.html,另外准备一个 404.html 作为错误页面。
  3. 如果打算用自己的域名,需要一个已完成 ICP 备案的域名;如果只是先跑通流程,用 OBS 自动分配的访问域名也可以。

二、创建 OBS 桶并上传文件

  1. 进入华为云控制台,打开对象存储服务 OBS,点击“创建桶”。
  2. 区域选离目标用户最近的区域;存储类别选“标准存储”,静态站访问频繁,标准存储最合适;桶策略先保持默认,后面单独配置。
  3. 桶建好后,把 index.html、样式、图片等文件上传到桶根目录,注意保持本地的相对路径结构,上传后不要改名,否则页面引用会断。

三、开启静态网站托管

  1. 在桶详情页找到“静态网站托管”,点击配置。
  2. 默认首页填 index.html,错误页面填 404.html,保存。
  3. 保存后页面会给出一个静态网站访问域名,用浏览器打开,能看到页面就说明托管已生效。这个域名可以直接访问,不过是 OBS 的默认域名,正式使用建议换成自己的域名。

四、配置桶策略,允许公开访问

OBS 桶默认是私有的,只开静态网站托管还不够,匿名用户访问会返回 403,做法如下:

  1. 在桶详情页进入“权限管理-桶策略”,新建一条策略。
  2. 授权用户选“所有用户”,授权操作选“读取对象”,授权资源选“当前桶及桶内所有对象”,保存。
  3. 只放公开的静态资源进这个桶,不要把密钥、数据库备份、后台接口地址等敏感内容放进去。放完之后可以在无痕窗口验证一次匿名访问是否正常。

五、接 CDN 加速

OBS 默认域名虽然能访问,但没有节点加速,跨地区访问会慢一些,接 CDN 的步骤:

  1. 进入内容分发网络 CDN 控制台,点击“添加加速域名”,输入自己的域名。
  2. 业务类型选“网站加速”,源站类型选“OBS 桶域名”,下拉选择刚才建的桶。
  3. 回源配置保持默认即可;缓存规则建议给图片、CSS、JS 设置较长的缓存时间,HTML 文件设置短一点,方便改版后快速生效。
  4. 按提示在域名解析商处添加一条 CNAME 记录,指向 CDN 分配的加速域名,解析生效后访问自己的域名就能走 CDN 节点。
  5. 如果需要 HTTPS,在 CDN 控制台的“HTTPS 配置”中上传证书开启,证书可以在云证书管理服务 SCM 中免费申请。

六、验证与常见问题排查

  1. 刷新后还是旧页面:多数是 CDN 缓存没过期。可以在 CDN 控制台对该地址做一次“刷新预热”,或者等缓存过期后再试;改版期间也可以临时把 HTML 的缓存时间调短。
  2. 访问返回 403:先看桶策略是否允许匿名读取,再看 index.html 是不是误放在了子目录下。
  3. 访问返回 404:检查静态网站托管的默认首页是否填对,注意大小写,路径是区分大小写的。
  4. 样式或图片加载不出来:打开浏览器开发者工具看网络请求地址,通常是相对路径写错,或是图片引用了本地绝对路径。
  5. 自定义域名访问不了:检查 CNAME 是否生效,可以用 nslookup 查一下域名解析结果;国内域名还要注意是否已经完成备案。

七、费用怎么算

OBS 静态网站托管本身不收费,费用主要来自三部分:存储空间按实际用量计费,请求次数按量计费,下行流量按量计费,再加上 CDN 的流量费用。个人小站一个月的花费通常在个位数,和一台按月计费的云服务器比起来便宜很多。用量上去了也可以开通资源包进一步降价。

结尾小结

OBS 做静态网站托管的思路就是“存文件、开托管、配策略、接 CDN”,关键的几分钟花在桶策略和域名解析上。第一次做容易忽略的两点是桶默认私有和 HTML 缓存时间,排障时先从这两处看。把静态站从服务器上拆下来之后,服务器可以专注跑后端服务,职责分开,维护也轻松了不少。

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

评论(0)

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

全部回复

上滑加载中

设置昵称

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

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

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