IBM Cloud Docs
服务静态 Web 站点

服务静态 Web 站点

可以使用 此简单教程 在几分钟内使用 IBM Cloud® Object Storage 创建新的托管静态 Web 站点。 本主题包含用于托管静态 Web 站点的详细信息和一些高级配置选项。

概述

现代 Web 开发需要现代工具和安全的基础架构。 静态 Web 站点表示高可用性,SEO 改进和增强安全性方面的最新动态。 虽然涵盖每个可用选项都超出了此实践概述的范围,但在 IBM Cloud Object Storage 上提供静态内容的便利性允许使用许多可能的策略。

托管的静态 Web 站点关注用户所期望的内容: 信息和媒体。 通过除去 Apache 或 Nginx之类的 Web 服务器的管理,Web 站点的管理将直接关注内容 (从生成到部署)。

静态内容与动态 Web 内容有很大不同。 但是,如果您不需要在 Web 上生成动态内容,或者如果工作流程导致将内容保存到固定表单,那么此处提供的托管静态解决方案将提供最佳选择。

功能

使用 cURL 以及 JavaGoPythonNodeJS 库可以创建IBM Cloud Object Storage中的静态网站主机。 此外,S3兼容性意味着 AWSCLI 也可用于从命令行定义静态网站功能。 此外,只需在创建存储区时添加“静态 Web 站点”选项,即可使用 控制台 中的 GUI 来创建和配置新的托管静态 Web 站点解决方案。

基本配置

在 IBM Cloud® Object Storage 上托管静态 Web 站点从 创建存储区 开始,并将其配置为公共访问。 然后,将 Web 站点内容 上载 到存储区。 最后,配置 Web 站点 以将文档用作站点的索引并可能显示错误。

至少,您的配置应该包含一个必需的索引文档,供访问者在缺省情况下查看,通常以 HTML 编写并命名为 index.html。 可选错误文档可帮助访客在流浪时保持正常状态。 当然,您始终可以使用 本教程 自行尝试。

高级配置

创建和配置新的托管静态 Web 站点时,您可能还希望使用 IBM Cloud Internet Services 来配置更高级的选项,包括 域的路由规则。 但是,您甚至不必在创建期间进一步配置存储区以开始定制新站点。

初始配置选项
配置选项

路由

路由使您能够控制来自访问者的请求。 例如,您可以全局地将所有流量从使用一个协议重定向到另一个协议,例如,将 HTTP 替换为安全 HTTPS。 或者,您可以创建单独的规则来处理特定文件的入局请求,并根据您定义的规则向访问者提供响应。

全局路由规则
全局路由规则

如果您已有要迁移的托管静态 Web 站点,那么可以将已设置的一组路由规则作为代码导入。 图 3 中显示的输入需要针对 Web 站点配置规则格式化的 JSON 数组。

以代码
导入配置代码
的形式导入配置

JSON 代码的一个示例说明了这些可能性。 以下显示了一条规则,该规则将访问者从缺少的页面或可能的格式不正确的请求重定向到 404 错误代码,并将访问者重定向到特定错误页面。 JSON 可以根据需要包含表示规则定义的多个对象。

[
  {
    "Condition": {
      "HttpErrorCodeReturnedEquals": "404"
    },
    "Redirect": {
      "HostName": "<bucketname>.<endpoint>",
      "HttpRedirectCode": "302",
      "Protocol": "https",
      "ReplaceKeyWith": "error404.html"
    }
  }
]

可以使用控制台将先前编码的相同规则添加为单个规则,如图 3 中所示。

添加个别规则
添加个别规则

IBM Cloud 因特网,域和交付服务

使用 IBM Cloud Internet Services 的其中一个优点与 设置您自己的域 相关。 “域”是整体 Web 地址的一部分,由顶级域 (TLD) 和一个或多个以点分隔的唯一词组成,例如 example.com,其中 TLD 为 com。 您可以选择跳过此步骤,但如果未使用 CIS (或提供域名解析的其他服务) 正确配置 DNS 记录,那么可能会使 Web 站点的全部或部分不可访问。

静态 Web 站点是指快速且安全的 Web 站点。 通过向客户交付内容的正确工具,可轻松提供静态内容。 许多部署工具都具有针对 CDN 支持的内置支持。 开始使用 IBM Cloud® Internet Services 配置域。 创建重定向规则时,您将添加 CNAME,“规范 (域) 名称”或别名。 就像操作系统上的文件可以有一个方便的别名一样,你的托管静态网站可以同样方便。

通过专用网络交付静态内容的过程从 CDN 选项概述 开始。 Content Delivery 使静态内容更靠近客户自己的位置,从而扩展您的范围,而不必管理内容的副本。

用于托管静态 Web 站点内容的端点

下表将 IBM Cloud Object Storage 中使用的大多数区域,位置和连接类型与用于寻源和测试托管静态 Web 站点的新特定端点相匹配。 对于此处未列出的系留端点,请查找有关 使用系留端点 的更多信息。

区域端点

区域端点
区域 托管的静态 Web 站点端点
美国南部 s3-web.us-south.cloud-object-storage.appdomain.cloud
美国东部 s3-web.us-east.cloud-object-storage.appdomain.cloud
欧盟 - 英国 s3-web.eu-gb.cloud-object-storage.appdomain.cloud
欧盟 - 德国 s3-web.eu-de.cloud-object-storage.appdomain.cloud
亚太地区 - 澳大利亚 s3-web.au-syd.cloud-object-storage.appdomain.cloud
AP 东京 s3-web.jp-tok.cloud-object-storage.appdomain.cloud
AP 大坂 s3-web.jp-osa.cloud-object-storage.appdomain.cloud
区域端点
区域 托管的静态 Web 站点端点
美国南部 s3-web.private.us-south.cloud-object-storage.appdomain.cloud
美国东部 s3-web.private.us-east.cloud-object-storage.appdomain.cloud
欧盟 - 英国 s3-web.private.eu-gb.cloud-object-storage.appdomain.cloud
欧盟 - 德国 s3-web.private.eu-de.cloud-object-storage.appdomain.cloud
亚太地区 - 澳大利亚 s3-web.private.au-syd.cloud-object-storage.appdomain.cloud
AP 东京 s3-web.private.jp-tok.cloud-object-storage.appdomain.cloud
AP 大坂 s3-web.private.jp-osa.cloud-object-storage.appdomain.cloud
区域端点
区域 托管的静态 Web 站点端点
美国南部 s3-web.direct.us-south.cloud-object-storage.appdomain.cloud
美国东部 s3-web.direct.us-east.cloud-object-storage.appdomain.cloud
欧盟 - 英国 s3-web.direct.eu-gb.cloud-object-storage.appdomain.cloud
欧盟 - 德国 s3-web.direct.eu-de.cloud-object-storage.appdomain.cloud
亚太地区 - 澳大利亚 s3-web.direct.au-syd.cloud-object-storage.appdomain.cloud
AP 东京 s3-web.direct.jp-tok.cloud-object-storage.appdomain.cloud
AP 大坂 s3-web.direct.jp-osa.cloud-object-storage.appdomain.cloud

跨区域端点

跨区域端点
区域 托管的静态 Web 站点端点
美国跨区域 s3-web.us.cloud-object-storage.appdomain.cloud
欧盟跨区域 s3-web.eu.cloud-object-storage.appdomain.cloud
亚太地区跨区域 s3-web.ap.cloud-object-storage.appdomain.cloud
跨区域端点
区域 托管的静态 Web 站点端点
美国跨区域 s3-web.private.us.cloud-object-storage.appdomain.cloud
欧盟跨区域 s3-web.private.eu.cloud-object-storage.appdomain.cloud
亚太地区跨区域 s3-web.private.ap.cloud-object-storage.appdomain.cloud
跨区域端点
区域 托管的静态 Web 站点端点
美国跨区域 s3-web.direct.us.cloud-object-storage.appdomain.cloud
欧盟跨区域 s3-web.direct.eu.cloud-object-storage.appdomain.cloud
亚太地区跨区域 s3-web.direct.ap.cloud-object-storage.appdomain.cloud

单站点端点

单个数据中心端点
地区 托管的静态 Web 站点端点
荷兰阿姆斯特丹 s3-web.ams03.cloud-object-storage.appdomain.cloud
印度金奈 s3-web.che01.cloud-object-storage.appdomain.cloud
墨西哥的墨西哥城 s3-web.mex01.cloud-object-storage.appdomain.cloud
意大利米兰 s3-web.mil01.cloud-object-storage.appdomain.cloud
加拿大 M o n t r è a l s3-web.mon01.cloud-object-storage.appdomain.cloud
法国巴黎 s3-web.par01.cloud-object-storage.appdomain.cloud
美国圣何塞 s3-web.sjc04.cloud-object-storage.appdomain.cloud
巴西圣保罗 s3-web.sao01.cloud-object-storage.appdomain.cloud
新加坡 s3-web.sng01.cloud-object-storage.appdomain.cloud
单个数据中心端点
地区 托管的静态 Web 站点端点
荷兰阿姆斯特丹 s3-web.private.ams03.cloud-object-storage.appdomain.cloud
印度金奈 s3-web.private.che01.cloud-object-storage.appdomain.cloud
墨西哥的墨西哥城 s3-web.private.mex01.cloud-object-storage.appdomain.cloud
意大利米兰 s3-web.private.mil01.cloud-object-storage.appdomain.cloud
加拿大 M o n t r è a l s3-web.private.mon01.cloud-object-storage.appdomain.cloud
法国巴黎 s3-web.private.par01.cloud-object-storage.appdomain.cloud
美国圣何塞 s3-web.private.sjc04.cloud-object-storage.appdomain.cloud
巴西圣保罗 s3-web.private.sao01.cloud-object-storage.appdomain.cloud
新加坡 s3-web.private.sng01.cloud-object-storage.appdomain.cloud
单个数据中心端点
地区 托管的静态 Web 站点端点
荷兰阿姆斯特丹 s3-web.direct.ams03.cloud-object-storage.appdomain.cloud
印度金奈 s3-web.direct.che01.cloud-object-storage.appdomain.cloud
墨西哥的墨西哥城 s3-web.direct.mex01.cloud-object-storage.appdomain.cloud
意大利米兰 s3-web.direct.mil01.cloud-object-storage.appdomain.cloud
加拿大 M o n t r è a l s3-web.direct.mon01.cloud-object-storage.appdomain.cloud
法国巴黎 s3-web.direct.par01.cloud-object-storage.appdomain.cloud
美国圣何塞 s3-web.direct.sjc04.cloud-object-storage.appdomain.cloud
巴西圣保罗 s3-web.direct.sao01.cloud-object-storage.appdomain.cloud
新加坡 s3-web.direct.sng01.cloud-object-storage.appdomain.cloud

后续步骤

充分利用现代 Web 开发需要现代工具和安全的基础架构,但不应成为项目成功的障碍。 如果您尚未尝试本教程,请自行查看 托管静态 Web 站点 如何为您工作。