如何在Google Cloud Storage上托管静态网站()

本文概述

  • 为什么选择Google Cloud Storage?
  • 验证域所有权
  • 创建存储桶
  • 配置存储桶
  • 上载静态网站
  • 更新CNAME记录
在Google Cloud Storage上托管静态网站的分步指南, 以较低的成本提供更好的性能。
如果你托管的是静态网站(HTML / CSS / JS /图片), 则无需担心cPanel网络托管计划来管理你的网站。取而代之的是, 你可以使用价格便宜, 速度更快且易于维护的Google云存储。
静态网站适用于个人, 公司, 信息页或任何你不希望产生交易或动态内容的地方。它不需要任何服务器端处理或数据库连接。
为什么选择Google Cloud Storage? 它以较低的成本表现更好。
你可以在多区域托管10 GB的站点, 以实现高可用性, 而每月费用不到1美元。
如何在Google Cloud Storage上托管静态网站()

文章图片
你可以选择将内容托管在多区域存储类中, 这意味着你的数据可在两个区域的数据中心中获得, 以实现高可用性。
Google提供高性能的云存储, 可在全球范围内以99.95%的SLA可用性快速加载内容。
一个对象没有最低限额, 你需要支付使用的费用。
以下说明将帮助你在不到15分钟的时间内将静态网站托管在Cloud Storage上。
前提条件
假设你已经注册了域名, 并使用Google Cloud创建了帐户。
对于此演示, 我将使用bloggerflare.com。
让我们开始吧…
验证域所有权 首先, 你需要通过将URL添加到” Search Console” 来验证你是域的所有者。
创建存储桶
  • 登录到Cloud Storage, 然后单击” 创建存储桶” 。
如何在Google Cloud Storage上托管静态网站()

文章图片
  • 输入存储桶名称(重要提示:如果你想将域名指向存储, 则必须将存储桶名称作为域名输入)
  • 选择存储类别(保留多区域以实现高性能和可用性)
  • 从美国, 欧盟和亚洲中选择位置(选择距离你的听众最近的位置)
  • 点击” 创建” 。
如何在Google Cloud Storage上托管静态网站()

文章图片
注意:如果未验证域, 则会出现以下错误。
如何在Google Cloud Storage上托管静态网站()

文章图片
因此, 你必须确保在存储桶名称中输入的域名经过验证。
创建存储桶后, 你应该在列表中看到它们。
配置存储桶 必须设置存储桶以使你的网站可以通过Internet访问。
  • 从列表中选择存储桶
  • 点击右侧的设置图标> > 编辑存储桶权限
如何在Google Cloud Storage上托管静态网站()

文章图片
  • 它将在右侧打开权限属性
  • 在” 添加成员” 字段中键入allUsers, 然后将权限选择为” 存储对象查看器” 。
如何在Google Cloud Storage上托管静态网站()

文章图片
  • 单击添加以保存配置
  • 接下来, 再次单击设置图标> > 编辑网站配置
  • 输入索引和404页面(大部分时间索引页面为index.html和404.html)
如何在Google Cloud Storage上托管静态网站()

文章图片
  • 保存配置
上载静态网站 是时候将你的网站上传到云存储了。我在Designmodo的静态网站上使用Slides。
  • 单击新创建的存储桶
  • 点击” 上传文件夹/上传文件” , 然后选择要上传的网站文件
  • 确保index.html存在于存储桶根目录中
根据文件大小, 可能需要一些时间。
更新CNAME记录 最后, 你必须使用CNAME记录将你的域指向Google Cloud存储。
登录到你的域注册商控制面板, 然后将CNAME更新为你域的c.storage.googleapis.com。
要使DNS全局传播可能要花费一些时间, 并且你可以使用DNS查找工具来验证结果。
将域名CNAME解析为c.storage.googleapis.com后, 你可以尝试访问该URL, 以确认其工作正常。
如何在Google Cloud Storage上托管静态网站()

文章图片
如你所见, 我的静态网站已启动并正在Google Cloud存储上运行。
【如何在Google Cloud Storage上托管静态网站()】默认情况下, 该站点将在http://上可用, 但是, 如果需要保护并使用https://进行访问, 则可以参考本指南。
我希望以上内容能给你一个想法, 以低成本轻松地在Cloud Storage上托管静态网站。

    推荐阅读