如何使用 AWS S3来托管静态网站

最新推荐文章于 2024-04-06 11:05:42 发布
最新推荐文章于 2024-04-06 11:05:42 发布
阅读量1k 收藏 1
点赞数
分类专栏： 架构 文章标签： aws web 云服务
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/surfirst/article/details/116278002
版权

AWS S3 提供了云存储服务，它还可以为我们提供廉价的静态网站托管服务。这里说的静态网站是指图片、网页、Javascript脚本、CSS等组成的网站，不是ASP.NET, JSP 等动态网站。

1. 创建一个 AWS S3 bucket
2. 设置 AWS S3 为网站

这需要点击 properties，然后浏览到网页底部，勾选 static website hosting
Static website hosting
在最底端，你可以看到网站的名字，形如：

http://your_bucket_name.s3-website.ap-east-1.amazonaws.com
设置 bucket 内容为 public

只是设置我们的 bucket 为 web site，我们访问网站时会看到 403 错误。我们还需要设置 bucket 内容为 public

这个需要分两步：

  1. 去掉 Block public access (bucket settings)在这里插入图片描述
  2. 增加一个 policy
    选择 Bucket Policy -> Edit，添加下面的内容，注意把
最低0.47元/天 解锁文章
surfirst
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
AWS CLI 命令行详解
叱咤少帅的博客
05-30 358
AWS CLI 命令行详解
使用 Amazon S3 托管静态网站
Inplayable的博客
08-15 708
使用AWS的S3桶的静态托管功能管理网站
S3静态托管
weixin_43929909的博客
11-19 264
先创建一个S3的桶 然后勾选在相同存储桶中保留对象所以版本。 公开权限 创建完成 点击属性选择静态网站托管 点击使用此桶托管 创建两个HTML，一个是正确的网站，一个是错误的网站 然后选择上传，把你刚刚创建的两个文件上传进去 上传的文件 使用这个DNS访问就可以验证 把你刚刚上传的文件...
通过AWS S3快速低成本部署静态网站，九河云一文详细教程
九河云的创作之路
04-02 836
通过本教程，您可以快速实现静态网站的部署，而无需维护任何计算资源，从而降低您的运维成本。失效状态就会变成正在进行，几分钟后，当状态变成Completed，网站就更新好了。实现低成本高可靠的静态网站托管，无需创建和维护任何计算资源！在实际使用过程中，如果需要更新页面内容，则可参考以下步骤。国际站的用户来说，无需备案！）分配，可以低时延、高速、安全的向用户交付内容。（上传完成后，S3桶的内容，实际的网站文件）其中，对象缓存使用自定义的方式，手动指定。在源域名部分，选择刚刚创建的。静态网站的全过程，包括使用。
Amazon-S3-website:使用Amazon S3托管静态网站
04-16
静态网站 受Forrest Brazeal简历挑战的启发，我最近开发了一个投资组合网站，并将其与AWS一起部署。 在开始该项目之前，我考虑了各种设计。 主要目标是实施成本优化的解决方案，该解决方案可以轻松更新。 我决定利用Amazon S3托管静态网站。 首先，我使用HTML / CSS和JavaScript进行编码，以在Microsoft Visual Studio中开发网站，并将VSCode环境链接到AWS。 接下来，我创建了一个与预期域名同名的S3存储桶，并启用了公共读取权限。 然后，我注册了域名，并在Route 53中为DNS创建了一个带有别名记录的托管区域。 最后，我创建了这个存储库，上传了网站文件，并在Amazon S3中指定了索引。 凭借成功实施和使用AWS的实践经验，结果比预期的要好。
s3-deploy:轻松地将静态网站部署到AWS S3并使CloudFront分发无效
04-29
AWS S3部署GitHub操作 轻松地将静态网站部署到AWS S3并使CloudFront分发无效 此操作基于import-io在上所做的工作。 用法 您可以通过引用v3分支来使用此操作 uses : reggionick/s3-deploy@v3 with : folder : build bucket : ${{ secrets.S3_BUCKET }} dist-id : ${{ secrets.CLOUDFRONT_DISTRIBUTION_ID }} 争论 S3 Deploy的操作支持下表中列出的用户的输入： 输入 类型 必需的 默认 描述 folder 细绳 是的 要上传的文件夹 bucket 细绳 是的 目标存储桶 bucket-region 细绳 是的 目标存储区 dist-id 细绳 不 不明确的 无效的CloudFront分配ID
capsule:使用S3存储桶在AWS上托管静态Web应用程序的自动化CLI
05-04
胶囊 使用S3存储桶在AWS上托管静态Web应用程序的自动化CLI。介绍该自动化脚本简化了AWS站点的设置。 在不具备DevOps知识的情况下，只需几分钟即可添加S3存储桶，注册DNS并创建SSL证书。 Capsule使用以下AWS技术： ...
terraform-aws-staticwebsite：用于在AWS S3中创建和托管静态UI应用程序的Terraform模块
02-04
这个Terraform模块简化了在AWS S3上托管静态网站的过程，使得开发者和运维人员能够更高效地管理这些资源，同时保持了基础设施的可重复性和可预测性。通过理解和有效利用这个模块，你可以构建可靠的、可扩展的静态...
s3-website：轻松将静态网站发布到Amazon S3
01-29
创建具有指定名称的存储桶，并在其上启用静态网站托管。 此外，设置公共读取存储桶策略。 您的AWS凭证应位于~/.aws/credentials ，这是本地目录中名为.env的文件，其值 AWS_ACCESS_KEY_ID=MY_KEY_ID AWS_SECRET_...
s3-static-website:用于S3静态托管的静态个人博客
05-30
S3 静态网站托管页面 这是一个由静态文件组成的一个静态网站，可以当作一个个人博客，展示作品的页面。全部内容由css, js, html和图片等组成，全部文件是静态文件，可以直接托管在亚马逊 AWS S3 服务之上，也可以...
利用AWS简单存储服务（S3）托管网站
weixin_30457881的博客
04-02 172
1、首先建立Storage Bucket存储桶，名为网站域名； 2、在【属性】中选择启用网站托管或重定向到另一主机，即可。 3、官方参考文档：https://docs.aws.amazon.com/zh_cn/AmazonS3/latest/dev/WebsiteHosting.html 转载于:https://www.cnblogs.com/imzye/p/5347454.html...
AWS S3托管静态网站
weixin_45047200的博客
02-10 251
AWS S3托管静态网站
AWS入门实践-利用S3构建一个静态网站
最新发布
weixin_39108752的博客
04-06 1434
使用Amazon S3托管静态网站是一个流行的选择，因为它简单、成本效益高，并且易于维护。静态网站由不含服务器端脚本的文件组成，如HTML、CSS和JavaScript文件。下面是使用S3托管静态网站的操作步骤：
aws s3 静态网站_使用AWS S3存储桶启动静态网站
culuo4781的博客
07-26 3030
aws s3 静态网站 This article explores the AWS S3 bucket to configure a static website. 本文探讨了用于配置静态网站的AWS S3存储桶 。 介绍 (Introduction) Amazon Web Services (AWS) has an object-level storage solu...
AWS 配置S3托管静态网站
SINGWIN01的博客
12-27 672
4、要为 4XX 类错误提供您自己的自定义错误文档，请在。列表中，请选择要为其启用静态网站托管的桶的名称。可选）如果要指定高级重定向规则，请在。1、打开 Amazon S3 控制台。中，输入索引文档的文件名，通常为。中，输入 JSON 来描述规则。中输入自定义错误文档文件名。
AWS攻略——使用S3托管静态网页
方亮的专栏
06-12 4751
在AWS上有很多部署静态网页的方式，比如使用EC2或者Lightsail。但是不管使用上述哪种方案，都需要预先部署如Nignx或者Apache等Http服务。这对纯前端同学来说可能有点复杂，而AWS提供了更简单的部署方式——只需要提供静态网页文件的“S3网页托管服务”。（转载请指明出于breaksoftware的csdn博客） 本文将带大家熟悉一下该方案的实施步骤。 创建存储桶 因为S3管理页面是不分区的——“全球”，所以在创建存储桶时，需要指定该存储桶...
aws s3 静态网站_如何使用AWS S3构建React静态网站
weixin_26735419的博客
08-31 846
aws s3 静态网站There are a number of ways you can build a website with React such as Java with React, NodeJS with React, NGINX serving React, etc. For the single-page applications, all you need to do is t...
aws 静态网站_如何使用AWS托管静态网站-入门指南
cumi7754的博客
08-10 2310
aws 静态网站When I created my first portfolio last year, I based it on what I had learned from freeCodeCamp (HTML, CSS and a little JavaScript). 去年，当我创建第一个投资组合时 ，我基于从freeCodeCamp (HTML，CSS和一些JavaScript)中...
【Amazon】AWS实战 | 快速发布安全传输的静态页面
宝耶需努力的技术分享博客
11-01 1772
通过该实验，掌握了如何创建S3存储桶并上传资源，通过ACM创建域名证书，进而设置CloudFront连接到S3存储桶，最后设置Route 53，解析该域名服务，最终达到通过该域名访问到S3存储桶中的资源的目的。
aws s3 静态网站
06-09
AWS S3可以用来托管静态网站。以下是配置AWS S3静态网站的步骤： 1. 创建一个S3 Bucket，并将其设置为公共访问。在“属性”选项卡中，找到“静态网站托管”部分，并单击“编辑”。 2. 在“静态网站托管”部分中，启用静态网站托管。输入默认文档名称（例如index.html）和错误文档名称（例如error.html），然后单击“保存”。 3. 在“权限”选项卡中，找到“跨域资源共享(CORS)”部分，并单击“编辑”。输入以下CORS配置，并单击“保存”。 ``` [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET" ], "AllowedOrigins": [ "*" ], "ExposeHeaders": [] } ] ``` 4. 在“权限”选项卡中，找到“Bucket策略”部分，并单击“编辑”。输入以下Bucket策略，并单击“保存”。 ``` { "Version": "2012-10-17", "Statement": [ { "Sid": "PublicReadGetObject", "Effect": "Allow", "Principal": "*", "Action": [ "s3:GetObject" ], "Resource": [ "arn:aws:s3:::<your-bucket-name>/*" ] } ] } ``` 5. 上传您的静态网站文件到S3 Bucket。确保您的默认文档（例如index.html）位于Bucket的根目录中。 6. 在“静态网站托管”部分中找到S3 Bucket的Endpoint URL。您可以在该URL上访问您的静态网站。 请注意，使用AWS S3托管静态网站可能会产生费用。有关详细信息，请参阅AWS S3定价页面。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

surfirst

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值