亚马逊AWS官方博客

使用 AWS Amplify Hosting 简化和增强 Amazon S3 静态网站托管

我们宣布推出 AWS Amplify HostingAmazon Simple Storage Service(Amazon S3)的集成。现在,只需单击几下,您就可以在将内容存储在 S3 存储桶中的情况下完成静态网站的部署,并通过内容分发网络(CDN)提供这些内容。

AWS Amplify Hosting 是一项全受管静态网站托管服务,可处理网站部署涉及的各个方面。它提供诸多优势,例如启用 SSL 的自定义域配置、重定向、自定义标头以及部署到由 Amazon CloudFront 提供支持的全球可用 CDN。

在部署静态网站时,Amplify 会记住您的 S3 存储桶与所部署网站之间的连接,这样一来,您在对 S3 存储桶中的网站内容进行更改时,只需单击一下即可轻松更新网站。AWS Amplify Hosting 的部署流程简单,无需大量设置即可快速完成部署,是我们推荐使用的静态网站托管方案。

下面是这项集成的运作方式,从 Amazon S3 控制台开始:

使用 Amazon S3 控制台部署静态网站
我们来使用这项新集成直接从我的 S3 存储桶托管个人网站。

首先,我要导航到我在 Amazon S3 控制台中的存储桶。下图列出了该 S3 存储桶中的所有内容:

要使用与 AWS Amplify Hosting 的新集成,我要导航到属性版块,然后向下滚动到静态网站托管,并选择创建 Amplify 应用

之后,系统会将我重定向至 Amplify 页面,并填充来自我的 S3 存储桶的详细信息。在这里,我需要配置我的应用名称分支名称。然后,我要选择保存并部署

只需几秒钟,AWS Amplify 就完成了对我的静态网站的部署,现在,我可以通过选择访问已部署 URL 来访问该网站。如果在那之后,我在 S3 存储桶中对该静态网站做出任何修改,我需要在 Amplify 控制台中选择部署更新按钮来重新部署应用程序。

我也可以使用 AWS 命令行界面(AWS CLI)进行程序化部署。为此,我需要从 AWS Amplify 仪表板获取所需参数的值,例如 APP_IDBRANCH_NAME。下面是我为执行部署运行的命令:

aws amplify start-deployment --appId APP_ID --branchName BRANCH_NAME --sourceUrlType=BUCKET_PREFIX --sourceUrl s3://S3_BUCKET/S3_PREFIX

在 Amplify Hosting 为我的网站生成 URL 后,我可以选择为该静态网站配置自定义域。为此,我需要在 AWS Amplify 中导航到我的应用,并在导航窗格中选择自定义域。然后,我需要选择添加域,开始为我的静态网站配置自定义域。请查阅 Amplify Hosting 用户指南,详细了解如何设置自定义域。

在下面的截图中,我已经为自己的静态网站配置了自定义域。Amplify 还为我的域生成了 SSL/TLS 证书,因此我的所有流量都受到 HTTPS 协议的保护。

现在,我的静态网站已经部署完成,我可以访问 https://donnie.id 查看它。

您需要了解的一些事项
更多可用功能 – AWS Amplify Hosting 为静态网站部署提供了丰富的功能。请访问 AWS Amplify 产品页面详细了解。

部署选项 – 您可以通过 Amplify Hosting 控制台AWS CLIAWS SDK 从 Amazon S3 开始部署静态网站。

定价 – 有关定价信息,请访问 Amazon S3 定价页面和 AWS Amplify 定价页面。

可用性 – Amplify Hosting 与 Amazon S3 的集成现在已经在支持使用 Amplify Hosting 的 AWS 区域推出。

现在就开始使用这项新集成构建您的静态网站。如需了解有关使用 AWS Amplify 托管 Amazon S3 静态网站的更多信息,请访问 AWS Amplify Hosting 用户指南

祝大家构建顺利。

Donnie


*前述特定亚马逊云科技生成式人工智能相关的服务仅在亚马逊云科技海外区域可用,亚马逊云科技中国仅为帮助您了解行业前沿技术和发展海外业务选择推介该服务。