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创建一个属于自己的网站吧!