当前位置: 首页 > article >正文

使用 Amazon S3 托管静态网站

大纲

  • 1 创建存储桶
    • 1.1 修改“阻止公有访问”配置
  • 2 修改“存储桶策略”
  • 3 上传静态网页文件
  • 4 开启“静态网站托管”
  • 5 测试
  • 参考文献

AWS的S3对象存储服务除了具备存储功能,还具备服务器功能。我们可以使用它托管静态网站,而不需要另外启动一台Web服务器。下图1和2就是传统Web服务器场景,最后一个是S3的静态托管场景。
在这里插入图片描述
具体的操作也很简单。只有在权限配置时,需要灵活的调整下。

1 创建存储桶

进入S3桶管理页面,选择适合的区域。本例中,我选择美国东部 (弗吉尼亚北部)us-east-1区域。
我们给桶取名为:us-east-1-static-site。注意桶名是全局唯一的,所以建议加上账号区域名以及一些特殊标志。
在这里插入图片描述

1.1 修改“阻止公有访问”配置

在这里插入图片描述

2 修改“存储桶策略”

us-east-1-static-site的权限页面中,找到存储桶策略块。初始时,它是空的。
在这里插入图片描述
点击“编辑”后,填入下面的内容

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::【BucketName】/*"
       }
   ]
}

注意【BucketName】是我们之前创建的桶名。对应本例,我们需要将其改成:us-east-1-static-site。
在这里插入图片描述

3 上传静态网页文件

为了方便演示,我们写了一个非常简单网页,并保存为index.html。(非必须叫这个名字,只要和后面配置的名字一样就行了)

<!DOCTYPE html>
<html>
<head>
<title>Static Website Hosting:AWS S3</title>
</head>
<body>
<h1>AWS S3 - Free Static Website Hosting</h1>
<p>Getting Started</p>
</body>
</html>

然后将这个文件上传到桶中。在这里插入图片描述

在这里插入图片描述

4 开启“静态网站托管”

在该桶的“属性”Tab页,找到“静态网站托管”块,点击“编辑”按钮。
在这里插入图片描述
在这里插入图片描述
注意:如果代码是基于单页面路由,这需要配置“错误文档”的内容也是“索引文档”的内容——即index.html。
在“索引文档”处填写上一步上传的文件名。
在这里插入图片描述
最后我们可以得到“存储桶网站终端节点”。

5 测试

打开上一步生成的地址,可以看到网页。
在这里插入图片描述

参考文献

  • https://blog.csdn.net/breaksoftware/article/details/106722804

http://www.kler.cn/a/158058.html

相关文章:

  • MSS和MTU的关系
  • 研究发现GPT-4具有出乎意料的文字理解能力;GPT-4 Turbo与GPT-4编辑代码的比较结果
  • FastDFS部署
  • 销售工作中如何满足客户的需求?
  • 【unity3D】Transform组件(如何访问和获取Transform组件)
  • SELinux refpolicy详解(7)
  • Shopee买家通系统全自动模拟真人下单更真实
  • 外包干了2个月,技术倒退2年。。。。。
  • 如何理解点到点传输,如果加速点到点传输速度
  • docker搭建node环境开发服务器
  • 失落的艺术:无着色器3D渲染
  • 三种定时器的实现方式
  • 基于springboot+vue的景区民宿预约系统(前后端分离)
  • 分类预测 | Matlab实现NGO-KELM北方苍鹰算法优化核极限学习机分类预测
  • centos安装Python3之后yum不能使用异常
  • 主要分布式文件系统架构对比分析:GFS vs. Tectonic vs. JuiceFS
  • javaweb校车校园车辆管理系统springboot+jsp
  • 今日实施|解读新国标对数据库审计的能力要求
  • SQL自学通之表达式条件语句与运算
  • 前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)