资讯详情

使用亚马逊云快速托管静态网站

使用亚马逊云快速托管静态网站 这篇文章将介绍如何用亚马逊云快速托管一个简易的静态网站! 预计阅读时间:10分钟

缘起

两天前,一个粉丝朋友想找我帮忙建立一个静态网站,他想把他的学习笔记和一些信息上传到网站上,方便他在夜深人静的时候偷偷用手机学习,收到这个任务我首先在网上找到相关信息,了解什么是静态网站,一些简单的网站部署方法,如使用Tomcat部署我们的静态资源。然而,这些方案或多或少都有一些缺点。最后,经过多方面的考虑,我选择使用亚马逊云部署我们的静态资源,即构建静态网站。 与国内制造商相比,亚马逊云的活动仍有一些优势。我把亚马逊云的优惠套餐放在这里。您可以点击链接获取您需要的内容:

亚马逊云技术提供了100多个免费包装。其中,计算资源Amazon EC第一年12个月免费,750小时/月;储存资源 Amazon S3,首年12个月免费,5GB存储容量标准。

https://aws.amazon.com/cn/free/?nc2=h_ql_pr_ft&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free Tier Types=*all&awsf.Free Tier Categories=*all&trk=e0213267-9c8c-4534-bf9b-ecb1c06e4ac6&sc_channel=el

然后我们来看看如何用亚马逊云快速搭建静态网站。

什么是静态网站?

静态网站是指全部原因HTML由代码格式页面组成的网站,包含在网页文件中。网页上也可以出现各种视觉动态效果,如GIF动画、FLASH动画、滚动字幕等,网站主要由静态页面和代码组成,一般文件名称为htm、html、shtml等为后缀。

此外,一旦静态网页的内容发布到网页服务器上,无论是否有用户访问,每个静态网页的内容都保存在网站服务器上。也就是说,静态网页确实保存在服务器上,每个网页都是一个独立的文件,内容相对稳定,交互性差。

了解静态网站的概念,让我们看看亚马逊云是什么?

什么是亚马逊云?

亚马逊云技术(Amazon Web Services)是全球云计算的先驱和领导者,15 多年来,它一直以不断创新、领先的技术、丰富的服务和广泛的应用而闻名。亚马逊云技术几乎可以支持云上的任何工作负荷。 目前亚马逊云技术提供超过超过超过 200 全功能服务包括计算、存储、网络、数据库、数据分析、机器人、机器学习和人工智能、物联网、移动、安全、混合云、虚拟现实和增强现实、媒体、应用开发、部署和管理;基础设施 26 地理区域 84 计划新建个别可用区 8 个区域和 24 个可用区。 全球数百万客户信任亚马逊云技术,从初创企业、中小企业到大型企业和政府机构,加强基础设施,提高敏捷性,降低成本,加快创新,提高竞争力,实现业务增长和成功。

这里需要注意的是,如果我们刚开始注册亚马逊云,我们可以享受他们的免费包装服务。虽然内存和服务器不是很大,但这足以让我们做一些小测试!

第一步:注册

首先,我们进入亚马逊云的官方网站,注册一个账户。为了防止您找不到免费注册的地方,我在这里为您准备了链接: 亚马逊AWS海外地区账户免费套餐_免费云服务-AWS云服务

点击链接后,点击橙色免费创建账户进入注册页面! 请添加图片描述 然后在这个页面上使用你自己的邮箱啦! 我们可以在注册后使用它啦! 亲测有效!很好用!

第二步:上传静态网站资源

账号注册好了之后,我们就要来着手搭建静态网站啦! 我们可以使用免费服务后,首先点击左上角Services然后点击S3进入Amazon S3控制台 。

Amazon Simple Storage Service (Amazon S3) 为行业领先的可扩展性、数据可用性、安全性和性能提供对象存储服务。各种规模和行业的客户可以存储和保护几乎任何数量的数据,如数据湖、云本地应用程序和移动应用程序。通过高效的存储和易于使用的管理功能,可以优化成本,组织数据,配置精细调整的访问控制,满足具体的业务、组织和合规要求。

进入S3控制台后,我们点击创建桶。我们可以给桶起一个我们想要的名字,这个名字需要世界上唯一的! 为了安全起见,亚马逊云在这里使用CloudFront加速S3的方法,所以我们可以在这里不设置桶,允许公共访问 。 创建桶后,我们点击进入桶管理 。

点击上传文件,上传静态网站上使用的所有文件 。

网站开头的根页上传到这里,我们可以看到部署后访问的效果 。

到目前为止,亚马逊云托管静态网站的第一步已经完成 !

第三步:创建CloudFront分配

Amazon CloudFront 静态和动态是一种加速 Web 内容(例如 .html、.css、.js 以图像文件的速度分发给用户 Web 服务。CloudFront 内容通过全球数据中心(称为边缘站点)网络传输。当用户要求您使用时 CloudFront 在提供内容时,请求路由到提供最低延迟(时间延迟)的边缘站点,以便尽可能地传输内容。

  • 若该内容已在延迟最短的边缘站点上,CloudFront 直接提供。
  • 若内容不在边缘站点,CloudFront 已定义的来源(例如,已确定为最终版本的内容来源) Amazon S3 存储桶、MediaPackage 通道或 HTTP 服务器,如 Web 检索内容的服务器)。 CloudFront 通过 Amazon 主干网络将每个用户请求传输到边缘网站,可以以最好的方式提供您的内容,以加快您的内容的分发。通常,这是检查员传输最快的 CloudFront 边缘服务器 AWS 网络可以大大降低用户要求必须通过的网络数量,从而提高性能。用户将体验延迟 (第一个字节加载文件的时间) 数据传输速率输速率更高。 您还可以获得更高的可靠性和可用性,因为您的文件(也称为对象)副本现在存储在世界各地的许多边缘网站上。

我们直接在控制台上搜索CloudFront,点击创建分配 。

这里需要注意的是,我们刚创建的桶名是自动生成的,然后OAI我们在这里选择使用OAI,并选择更新存储桶策略 。

另一个注意点是,在备用域名中,我们应该填写我们通过备案的域名。(这样,我们就可以使用域名访问我们的托管服务) 但也要注意在亚马逊云的海外地区使用普通域名;在亚马逊云的中国,需要使用备案域名。

这里还需要注意的是,我们需要填写默认的网站根对象,否则访问网站不会返回页面哦!

此外,我们还需要注意使用备用域名ACM申请免费公共服务SSL证书进行域名所有权验证和SSL加固,我们可以看到使用 Amazon Certificate Manager(ACM)服务,快速申请免费公共证书这篇文章一步一步地申请,我把链接放在这里,感兴趣的人可以按照步骤尝试 利用 Amazon Certificate Manager(ACM)服务,快速申请免费公证 最后点击创建分配,等待几分钟后,控制台页面将显示已启用 。

在这里,我们完成了重要的第二步。在这里,我们还应该注意,在我们创建分配后,系统将自动为我们创建的分配分配域名。我们需要记住这个域名,因为它将在以后使用 。

由于我们的设置,注意图中的分配根对象是index.html,当然你也可以按照自己的喜好来设置,不过要注意在存储桶中上传相应的文件。

第四步:绑定域名

我们用了这一步Amazon Route 53

Amazon Route 53 提供高度可用且可扩展的域名系统 (DNS)、域名注册和运行状况检查 Web 服务。设计用于为开发人员和企业提供一种非常可靠且经济高效的方式,把名称转换为计算机用于互相连接的数字 IP 地址(如 192.0.2.1),从而将最终用户路由到 Internet 应用程序。您可以将 DNS 与运行状况检查服务组合使用,路由流量到运行正常的终端节点,或者独立监控终端节点和/或对其提供警报。您还可以购买和管理域名,并自动为域配置 DNS 设置。Route 53 高效地将用户请求连接到 AWS 中运行的基础设施,例如 Amazon EC2 实例、Elastic Load Balancing 负载均衡器或 Amazon S3 存储桶,还可以将用户转接到 Amazon 外部的基础设施。

直接搜索Route 53,点击进入控制台,然后点击托管区域,点击我们刚刚填写的备用域名生成的托管区,进入到备用域名的解析记录页面。

在解析记录页面点击创建记录,注意这里我们是需要把系统自动分配的域名通过Route 53来替换成我们自己购买备案的域名。

填写的时候注意开启别名,然后填入我们自己的域名和我们之前创建CloudFront分发的时候系统自动分配的域名 。 其他的选项我们直接默认即可!

最后点击创建记录后,等待一段时间后,DNS解析记录生效之后我们就可以用我们的域名来访问我们创建的静态网站啦!

托管效果展示

因为这里我上传的是一个小页面,访问对应的域名我们可以直接看到我们托管的页面! 这里上传的是我博客首页的html文件,在访问的时候速度也是非常快的,并没有出现访问不了的情况,网页的整体加载速度也都是正常水平的。

总结

这次使用亚马逊云来搭建静态网站的话其实也碰到了很多的坑,但是其实跟着亚马逊云他的官方文档来做的话,即使有错误我们也可以很快的排除掉,这也恰恰说明了亚马逊云文档的完善,国内的其他一些云服务器我也使用过,但是都没有亚马逊云给我的感觉好。虽然亚马逊云的界面看上去不算华丽,但是干练的画面和精巧的文档说明都让我能很快的上手这个服务,可以实现短时间内快速的完成官方文档的一些小示例,包括这次搭建静态网站的话,也是官方文档里面有提及到的,我也是跟着文档上手很快就完成了这样一个demo。

关于利用亚马逊云快速搭建静态网站的例子呢,亚马逊云官方网站也给出了一套教程,大家也可以去看看官网的教程,也是比较详细的:手把手教你在云上托管静态网站 Amazon为我们提供了大量的服务,这些服务有些是免费的有些是收费的,但是他们都有一个共同点就是使用起来是十分方便的!为了方便我们的使用,Amazon甚至给一些常用的服务场景都给我们做好了相应的教程,达到了让我们直接可以从零基础进行相应的场景开发的程度,只需要照着他们给出的官方文档,我们就能做出许多有趣且实用的东西。总之,欢迎大家使用Amazon来开发属于自己的小demo!

有关使用亚马逊云快速托管静态网站的教程就到这里结束啦!下面是一些亚马逊云官方的优惠活动,大家有兴趣自取哦! 亚马逊云科技专为开发者们打造了多种学习平台:

  1. 入门资源中心:从0到1 轻松上手云服务,内容涵盖:成本管理,上手训练,开发资源。https://aws.amazon.com/cn/getting-started/?nc1=h_ls&trk=32540c74-46f0-46dc-940d-621a1efeedd0&sc_channel=el
  2. 架构中心:亚马逊云科技架构中心提供了云平台参考架构图表、经过审查的架构解决方案、Well-Architected 最佳实践、模式、图标等。https://aws.amazon.com/cn/architecture/?intClick=dev-center-2021_main&trk=3fa608de-d954-4355-a20a-324daa58bbeb&sc_channel=el
  3. 构建者库:了解亚马逊云科技如何构建和运营软件。https://aws.amazon.com/cn/builders-library/?cards-body.sort-by=item.additionalFields.sortDate&cards-body.sort-order=desc&awsf.filter-content-category=*all&awsf.filter-content-type=*all&awsf.filter-content-level=*all&trk=835e6894-d909-4691-aee1-3831428c04bd&sc_channel=el
  4. 用于在亚马逊云科技平台上开发和管理应用程序的工具包:https://aws.amazon.com/cn/tools/?intClick=dev-center-2021_main&trk=972c69e1-55ec-43af-a503-d458708bb645&sc_channel=el

【专属福利】 福利一:100余种产品免费套餐。其中,计算资源Amazon EC2首年12个月免费,750小时/月;存储资源 Amazon S3 首年12个月免费,5GB标准存储容量。 https://aws.amazon.com/cn/free/?nc2=h_ql_pr_ft&all-free-tier.sort-by=item.additionalFields.SortRank&all-free-tier.sort-order=asc&awsf.Free%20Tier%20Types=*all&awsf.Free%20Tier%20Categories=*all&trk=e0213267-9c8c-4534-bf9b-ecb1c06e4ac6&sc_channel=el

福利二:最新优惠大礼包,200 数 据 与 分 析 抵 扣 券 , 200 数据与分析抵扣券,200 数据与分析抵扣券,200机器学习抵扣券,200$微服务与应用开发抵扣券。https://www.amazonaws.cn/campaign/?sc_channel=el&sc_campaign=credit-acts-ldr&sc_country=cn&sc_geo=chna&sc_category=mult&sc_outcome=field&trkCampaign=request-credit-glb-ldr&trk=f45email&trk=02faebcb-3f61-4bcb-b68e-c63f3ae33c99&sc_channel=el

福利三:解决方案CloudFormation一键部署模版库 https://aws.amazon.com/cn/quickstart/?solutions-all.sort-by=item.additionalFields.sortDate&solutions-all.sort-order=desc&awsf.filter-tech-category=*all&awsf.filter-industry=*all&awsf.filter-content-type=*all&trk=afdbbdf0-610b-4421-ac0c-a6b31f902e4b&sc_channel=el

标签: 3cg610b三极管

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台