在Google Cloud Storage上托管免费的静态网站

在Google Cloud Storage上托管免费的静态网站

本指南将引导您设置免费存储桶,以使用Google Cloud Platform服务通过自定义域名为静态网站提供服务。

登录到Google Cloud Platform,导航到Cloud DNS服务并创建一个新的公共DNS区域:

在Google Cloud Storage上托管免费的静态网站

默认情况下,它将具有一个NS (名称服务器) SOA (授权开始)记录:

在Google Cloud Storage上托管免费的静态网站

转到您的域名注册商,就我而言,我是从GoDaddy购买的域名(非常便宜)。 添加在NS记录中列出的名称服务器名称:

在Google Cloud Storage上托管免费的静态网站
PS:GoDaddy上的更改可能需要一段时间才能传播到Google Cloud DNS。

接下来,使用Open Search Console验证您是否拥有域名。 有许多方法可用(HTML元数据,Google Analytics等)。 最简单的方法是通过TXT记录进行DNS验证:

在Google Cloud Storage上托管免费的静态网站

将TXT记录添加到您之前创建的DNS区域中:

在Google Cloud Storage上托管免费的静态网站

DNS更改可能需要一些时间才能传播:

在Google Cloud Storage上托管免费的静态网站

验证域后,您可以在验证的域名下使用Cloud Storage创建存储桶。 存储类别应为“ 多区域 ”(geo冗余存储桶,以防断电):

在Google Cloud Storage上托管免费的静态网站

使用以下命令将网站静态文件复制到存储桶:

gsutil rsync -R。 gs://www.serverlessmovies.com/

上传完成后,您的静态文件应在存储桶中可用,如下所示:

在Google Cloud Storage上托管免费的静态网站

接下来,通过将具有Object Viewer角色的allUsers实体添加到存储桶权限中,使文件可公开访问:

在Google Cloud Storage上托管免费的静态网站

公开共享后, 公共访问列中的每个对象都会显示一个链接图标。 您可以单击此图标来获取对象的URL:

在Google Cloud Storage上托管免费的静态网站

通过在浏览器中请求index.html链接,验证是否从存储桶中提供了内容:

在Google Cloud Storage上托管免费的静态网站

接下来,在“ 编辑网站配置”部分中将主页设置为index.html

在Google Cloud Storage上托管免费的静态网站

现在,我们需要将域名与我们之前创建的存储桶进行映射。 创建一个指向c.storage.googleapis.comCNAME记录

在Google Cloud Storage上托管免费的静态网站

将您的浏览器指向您的域名,您的网站应该可以使用:

在Google Cloud Storage上托管免费的静态网站

虽然我们的解决方案像一个咒语一样起作用,但我们只能通过HTTP访问内容(Google Cloud Storage仅在通过CNAME记录使用HTTP时支持HTTP)。 在下一篇文章中,我们将使用内容交付网络 (CDN)通过SSL通过自定义域提供内容

在下面放置您的评论,反馈或建议-或直接通过Twitter @ mlabouardy与我联系

From: https://hackernoon.com/hosting-a-free-static-website-on-google-cloud-storage-d0d83704173b