【设计模式】JAVA Design Patterns——Static Content Hosting（静态内容托管模式）

码农世界 2024-05-23 前端 60 次浏览 0个评论

🔍目的

将静态内容部署到基于云的存储服务，该服务可以将它们直接交付给客户端。这可以减少对昂贵计算实例的需求。

🔍解释

真实世界例子

全球性的营销网站（静态内容）需要快速的部署以开始吸引潜在的客户。为了将托管费用和维护成本降至最低，使用云托管存储服务和内容交付网络。

通俗描述

静态内容托管模式利用云原生存储服务来存储内容和全球内容交付网络，将其缓存在世界各地的多个数据中心。在静态网站上，单个网页包含静态内容。它们还可能包含客户端脚本，例如 Javascript。相比之下，动态网站依赖于服务器端处理，包括服务器端脚本，如 PHP、JSP 或 ASP.NET。

维基百科

与由 Web 应用程序生成的动态网页相反，静态网页（有时称为平面网页或固定网页）是完全按照存储的方式传送到用户的网页浏览器的网页。静态网页适用于从不或很少需要更新的内容，尽管现代Web 模板系统正在改变这一点。可以将大量静态页面作为文件进行维护，没有自动化工具（例如静态站点生成器）是不切实际的。

示例

Static Content Hosting

我们使用AWS S3创建一个静态网站，并利用 AWS Cloudfront 在全球范围内分发内容。

首先你需要一个AWS账户，你可以在这个创建一个免费的：AWS Free Tier
登陆 AWS控制台
进入身份和接入管理服务 (IAM) .
创建一个仅具有此应用程序必要权限的IAM用户。
- 点击用户
- 点击添加用户. 选择你想要的用户名，接入类型应该是编程式接入.
- 点击下一步: 权限.
- 选择直接附加已存在的策略.
- 选择 AmazonS3FullAccess 和 CloudFrontFullAccess.
- Click 下一步: 标签.
- 没有需要的标签, 所以直接点击下一步: 回顾.
- 检查呈现的信息，没问题的话点击创建用户
- 完成这个示例所需要的访问秘钥Id和访问秘钥密码将会呈现在你面前，请妥善保管。
- 点击关闭.
安装AWS命令行工具（AWS CLI）来获得编程式访问AWS云。
使用aws configure命令来配置AWS CLI
为web站点创建AWS S3 bucket。注意S3 bucket名字必须要在全球范围内唯一。
- 语法是 aws s3 mb
- 比如 aws s3 mb s3://my-static-website-jh34jsjmg
- 使用列出现有存储桶的命令aws s3 ls验证存储桶是否已成功创建
使用命令aws s3 website来配置bucket作为web站点。
- 比如aws s3 website s3://my-static-website-jh34jsjmg --index-document index.html --error-document error.html
上传内容到bucket中。
- 首先创建内容，至少包含index.html和error.html文档。
- 上传内容到你的bucket中。
- 比如aws s3 cp index.html s3://my-static-website-jh34jsjmg and aws s3 cp error.html s3://my-static-website-jh34jsjmg

然后我们需要设置bucket的策略以允许读取访问。

使用以下内容创建policy.json（注意需要将bucket名称替换为自己的）

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-jh34jsjmg/*"
        }
    ]
}

后续步骤

根据这些设置桶策略
- 比如 aws s3api put-bucket-policy --bucket my-static-website-jh34jsjmg --policy file://policy.json
使用浏览器测试web站点。
- web站点的URL格式是 http://.s3-website-.amazonaws.com
- 比如这个站点创建在 eu-west-1 区域 ,名字是 my-static-website-jh34jsjmg 所以它可以通过 http://my-static-website-jh34jsjmg.s3-website-eu-west-1.amazonaws.com来访问。
为web站点创建CloudFormation 分发。
比如，最简单的方式是使用命令 aws cloudfront create-distribution --origin-domain-name my-static-website-jh34jsjmg.s3.amazonaws.com --default-root-object index.html
也支持JSON格式的配置比如使用 --distribution-config file://dist-config.json 来传递分发的配置文件参数
命令的舒勇将显示准确的分配配置项，包括包括可用于测试的生成的 CloudFront 域名，例如 d2k3xwnaqa8nqx.cloudfront.net
CloudFormation 分发部署需要一些时间，但一旦完成，您的网站就会从全球各地的数据中心提供服务！
这样！就实现了一个静态网站，其内容分发网络以闪电般的速度在世界各地提供服务。