15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 10分钟在AWS S3上快速搭建静态网站

10分钟在AWS S3上快速搭建静态网站

时间:2023-07-07 20:15:01 | 来源:网站运营

时间:2023-07-07 20:15:01 来源:网站运营

10分钟在AWS S3上快速搭建静态网站:10分钟在AWS S3上快速搭建静态网站

大家好,曾几何时,你有没有一个搭建个人网站的冲动。那么AWS提供了快速实现大家儿时梦想的解决方案。那就是AWS S3服务的强大便捷功能—托管静态网站。

首先和大家一起复习什么是AWS S3, AWS S3全称是Amazon Simple Storage Service,即AWS提供的面向对象存储服务。S3不仅可以无限存储文档,图片等数据,还可以托管静态网站。什么又是静态网站(网页)?静态网站相对于动态网站而言,指没有后台数据库,由HTML,JS,CSS等文件构成。

而动态网站较为复杂,一般是以ASP,JSP,PHP加上数据库交互和更为复杂的javascript去开发MVC应用。随着人们对精简生活的追求,和类似于Gatsby.js,Next.js等带SSG(static Site Generator)功能框架收到更多技术人员的欢迎,静态网页,静态架构等静态化将会占据前端市场的重要地位甚至成为主流。

接下来以单机Web游戏为例,为大家介绍如何快速在S3上搭建静态网站。

1. 事先准备

① AWS可登录账户。

② 静态网站所需HTML,JS,CSS等文件。在开源网站https://gscode.in/javascript-games-code/上下载的Tower Blocks游戏源代码。




2. 登录AWS进入S3服务创建名为staticwebhosting2020的存储桶,解除【组织所有公开访问】(全世界就可以访问我们的网站了。),点击【创建存储桶】




3. 点击进入创建好的staticwebhosting2020,将游戏源代码文件上传,把三个文件(index.html,script,js,style.css)选择后点击右上角操作选择【设为公开】,注意如果不进行此设置,点开第4步骤生成的网址后将返回403禁止访问错误




4. 进入staticwebhosting2020的【属性】开启【静态网站托管】功能(默认是禁用),索引文档(指定网站的主页)为index.html,在最下面AWS会生成静态网站的网址




5. 点击连接http://staticwebhosting2020.s3-website-ap-northeast-1.amazonaws.com/

就能开始单机游戏啦!(我最多可以罗38层,这个网址2021年末有效,欢迎来挑战)






除了这种简单的单机游戏,我们也可以发布自我介绍,简单的公司介绍等静态网页。让我们一起利用S3创建一个属于自己的网站吧!

关键词:静态

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭