阿里云对象存储建设静态网站的方法

阿里云对象存储支持用户将静态网站托管在Bucket上,实现网站轻量化运维。设置生效后,用户可通过直接访问该Bucket的域名访问该托管网站。

静态网站是指网站内容全部为HTML、JPG等静态化资源,不包含诸如 PHP、JSP 或 ASP.NET 等服务器端脚本。同时,静态托管的网站也不支持在服务器端进行脚本编写。

如需部署及管理动态网站,请使用阿里阿里云服务器或容器服务CCE。

阿里云对象存储建设静态网站的方法

第一步: 对于待托管的静态网站,您需要先在Bucket内上传好“索引页面”和“404页面”这两个核心资源:

索引页面设置

一个标准的网站通常会具备若干索引页面,对应网站的首页及子模块的首页。

当用户在浏览器地址栏访问根目录如 www.example.com,或以 / 为结尾的目录如www.example.com/folderA/时,未请求到特定的页面,阿里云对象存储则会返回索引页面。

网站管理员可在Bucket的根目录及子目录上传静态资源,用于访问索引页面时的效果展现。

阿里云对象存储当前支持以html格式的文件作为索引页面。

404页面设置

当静态网站在访问遇到常见的404错误时,一般网站都会提供一个经过设计的报错页面,以此给予网站访问者较好的体验。

对于在阿里云对象存储托管的静态网站,网站管理员可在Bucket根目录下上传html、jpg、png、bmp、webp格式的文件作为404页面,当网站访问者预期查看的数据找不到时,阿里云对象存储将默认展示此404页面。

注意:

  • 对于预期做静态网站托管的Bucket需设置为公共读权限,用于匿名用户的访问。因此建议不要将机密数据上传至此Bucket。
  • 不要为404页面设置meta "Content-Disposition:attachment"。

第二步: 当管理员在Bucket内上传索引页面及404页面对应的资源后,可通过阿里云对象存储管理控制台进行索引页面及404页面的配置。

,请将您再Bucket内上传的索引页面和404页面的资源名称填写在输入框内,点击“确认”按钮后配置生效。

注意:

  • 索引页面的名称可根据网站管理习惯任意指定,如“index.html”或“admin.html”都可,但各级索引页面对应的资源名称需统一为一个相同的名字。
  • 请注意索引页面及404页面对应支持的文件格式。
  • 索引页面和404页面至少需填写一个否则配置无法生效。
  • 如果设置的托管页面为归档类型,配置将不会生效。
  • 当管理员填写的与页面匹配的资源在Bucket中不存在时,按404处理;如404页面对应的资源也不存在时,则返回原始的404报错页面。
  • 当用户为此Bucket同时打开静态网站托管及镜像回源后,当用户预期访问的资源不存在时,阿里云对象存储将先尝试进行镜像回源,如仍然无对应资源,则会遵循静态托管的逻辑反馈404页面。

示例

用户在bj region创建了名为website的Bucket,并在其中放置如下文件:

  • 在Bucket根目录放置 index.html
  • 在Bucket根目录放置 404.html
  • 在Bucket二级目录 website/car 放置 index.html
  • 在Bucket二级目录 website/car 放置 apollo.jpg

当用户为Website这个Bucket开启静态网站托管功能后,该网站的访问者的访问行为定位如下:

  • 访问 www.website.bj.bcebos.com 时,页面呈现index.html
  • 访问 www.website.bj.bcebos.com/car 时,页面呈现index.html
  • 访问 www.website.bj.bcebos.com/car/apollo.jpg 时,页面呈现apollo.jpg
  • 访问www.website.bj.bcebos.com/car/dazhong.jpg 时,因不存在此资源,页面呈现404.html