租户端 存储 对象存储（COS） 最佳实践

托管静态网站

最近更新时间: 2024-10-17 17:10:00

简介

在此实践中，用户可以在对象存储（以下简称 COS）上托管静态网站，访客可以通过 COS 提供的静态网站域名或者绑定的自定义域名（例如www.example.com）访问托管的静态网站。无论您是想在 COS 上托管已有静态网站还是从零开始建站，此实践可帮助您在 COS 上托管静态网站。以下是具体步骤：

注意：

开启静态网站配置后，您需要使用静态网站域名访问 COS 源站才能生效，如果使用 COS 默认域名访问则无静态网站效果。

事前准备

以下是实践过程中，可能会用到的相关服务：

  • 域名注册（可选）：托管静态网站前，您需要拥有一个域名，例如 www.example.com。若您使用的是 COS 提供的静态网站域名，可不使用该服务。

  • 对象存储 COS：使用 COS 创建存储桶，上传的网页内容将存放到存储桶。

  • 内容分发网络 CDN：结合 CDN 和 DNS 解析服务，使得域名和网站内容绑定的同时，还可以为静态网站加速，降低访问延迟，提升浏览体验。

  • DNS 解析 DNSPod：使用 DNS 解析，实现使用自定义域名访问静态网站的目的。

说明：

本指南中的所有步骤都使用www.example.com作为示例域名。实际操作中请使用您的自有域名替换此域名。

步骤1：注册域名与备案（可选）

域名注册是在互联网上建立任何服务的基础。注册域名之后，还需进行备案，网站才能正常访问。请根据您的具体情况进行操作：

  • 已注册域名并备案，可跳过本步骤，进行 步骤2。

  • 已注册域名但未备案，请进行 域名备案。

  • 未注册域名，请先 注册域名，再进行 域名备案。

说明：

若您使用的是 COS 提供的静态网站域名，可跳过此步骤。

步骤2：创建存储桶并上传内容

在完成域名注册及备案后，您需要在 COS 控制台中执行以下任务，以创建和配置网站内容：

  • 创建存储桶

  • 配置存储桶并上传内容

1. 创建存储桶

请使用账号登录 COS 控制台，为您的网站创建相应的存储桶，存储桶用于存储数据，您可以将网站内容存储在一个存储桶中。

如您首次使用 COS，可以通过控制台的概览界面上的【创建存储桶】直接创建存储桶，或者单击左侧【存储桶列表】导航栏进行创建，具体操作请参见 创建存储桶 文档。

2. 配置存储桶并上传内容

  1. 开启存储桶的静态网站设置，方法是：

    登录 COS 控制台 ，在左侧菜单栏中单击【存储桶列表】，找到刚才已创建的存储桶，单击右侧的【配置管理】。

    在左侧菜单栏中选择【基础配置】>【静态网站】，单击【编辑】，将当前状态设置为开启，索引文档为 index.html，其余暂不配置，然后单击【保存】。

  2. 将您的网站内容上传到已创建好的存储桶。具体操作请参见 上传对象 文档。

    在存储桶中存放的内容可以是文本文件、照片、视频，任何您想要托管的内容。如果您还未构建网站，则只需按此实践创建一个文件。

    例如，您可使用以下 HTML 创建文件，并将其上传到存储桶。网站主页的文件名通常为 index.html。在后续步骤中，您将提供此文件作为网站的索引文档。

<!DOCTYPE html>
<html>
    <head>
        <title>Hello COS!</title>
        <meta charset="utf-8">
    </head>
    <body>
        <p>欢迎使用 COS 的静态网站功能。</p>
        <p>这是首页！</p>
    </body>
</html>

注意：

开启静态网站功能后，当用户访问任何不带文件指向的一级目录时，COS 默认优先匹配对应存储桶目录下 index.html，其次为 index.htm，若无此文件，则返回404。