前端开发人员必备的 AWS 服务 - 第一部分

2025-06-08

前端开发人员必备的 AWS 服务 - 第一部分

如果您是一名前端开发人员,并且不清楚要学习 AWS 的哪项服务以及它将如何帮助您的前端职业生涯,那么本博客适合您。

在您开始使用服务之前,您需要注意一些重要事项,例如如何登录 AWS、账单、控制台和 SDK。如果您已了解这些内容,请直接跳转至正文。

1. AWS账户

创建 AWS 账户是免费的,但您需要一张信用卡关联到您的账户。AWS 提供许多免费服务,也提供免费套餐。

使用 AWS 的第一步是创建您的账户。它只需要您的电子邮件 ID。

当您拥有一个帐户时,您可以使用控制台(基于浏览器的交互式仪表板)、API 和 SDK 访问 AWS 服务。

替代文本

2.计费

创建 AWS 账户并开始使用 AWS 服务后,下一个重要步骤就是检查计费服务。

作为新手,经常会因为忘记禁用服务而收到账单。因此,第一步是设置账单提醒,下一步是查看账单,了解具体情况和发生在哪里。

替代文本

3. AWS控制台

登录账户后,您将从 AWS 控制台访问服务。这是一个基于浏览器的控制台,可轻松访问 AWS 服务。

替代文本

4.AWS开发工具包

作为开发人员,通常在 UI 代码中使用 AWS SDK 将 UI 连接到 AWS。

例如:将用户上传的图片存储到 S3。在这种情况下,我们将使用 AWS SDKs。


对于本博客,我将从 AWS 控制台访问服务。


1. S3

S3 是简单存储服务的缩写。它是托管静态内容(例如图片)、网站、快照(备份)的理想服务。它是一种无服务器存储。

静态网站与动态网站?

静态网站和动态网站之间的区别在于,动态网站的代码在服务器上执行,而不仅仅是在客户端执行。

例如:基于 ReactJS 制作的网站大多是静态网站。而如果我们使用 NextJS 创建应用程序,它将是动态的。原因:SPA 所有执行都发生在客户端(浏览器),而 NextJS 需要服务器执行代码并将响应发送到客户端(浏览器)。

对于前端开发人员来说,这是您可以轻松上手的第一个 AWS 服务。您只需创建一个 AWS 账户即可访问 S3 服务。

您可以从 AWS 控制台、API、SDK 使用 S3。要托管任何应用程序,您需要:

S3 演示 - 创建您的第一个存储桶

成本

Bucket 是付费服务。存储和检索均需付费。不过,在免费套餐下,您可以免费获得部分存储空间。

最佳实践

1)Bucket名称应该是唯一的

2)通过Policy控制Bucket的访问

3)除非有必要,否则保持版本控制禁用。

4)版本控制是付费服务

2.Route53

下一个服务是 Route53。将网站/应用上传到 AWS(S3 或 EC2)后,我们需要将域名映射到存储桶或 EC2。

AWS 提供了 Route53 服务,这是一种域名服务,用于将我们的域名映射到 AWS EC2 或 S3 存储桶。这将有助于我们通过域名访问 Web 内容。

我从 Google 获得了域名a11ytips.dev,并通过 Route53 将其映射到 AWS。

我们需要将我们的命名空间从域名供应商映射到 Route53。

附言:将网站上传到 S3 后,您需要设置 CloudFront、ACM 和 Route53。我们将在下一篇博客中学习 CloudFront 和 ACM。

成本:

这是一项付费服务​​,但价格很低。目前,我使用 Route 53 的费用为每月 2.5 美元(约合 183 印度卢比)。

3. EC2

对于托管静态 Web 应用或存储静态内容,S3 是不错的选择。那么动态网站呢?例如:你的 NextJS 应用会放在哪里?或者基于 NodeJS 的应用程序?对于这类用例,我们有 EC2。

当您需要不同操作系统的服务器、需要高可用性或始终运行的应用程序时,EC2 非常有用。

附言:EC2 很容易让你的账单周期开始运行。所以,如果你正在创建 EC2,请删除它。否则,你最终还是得为此付费。

成本:

EC2 您也需要为空闲时间付费。

4. Lambda

我想说,Lambda 是每个前端开发者最好的朋友。Lambda 是一种服务,你可以将代码(需要根据事件执行某些任务,例如:向消费者发送产品到货通知、提交表单时将图片上传到 S3,等等)放入其中。

Lambda 是一款面向前端开发者的经济高效且易于使用的服务。它是一种无服务器计算服务,您只需在 Lambda 函数(代码)执行时付费。执行时间甚至可能以毫秒为单位。

Lambda 函数演示 - 视频演示

成本

与 EC2 相比,Lambda 的成本更低。我们只需为 Lambda 函数执行的时间付费。


奖励:Lambda VS EC2

区域 Lambda EC2
服务器 无服务器 Serverful
时间 非常适合需要较少时间的任务 任务需要大量时间 > 15 分钟
空闲时间 不收取闲置时间费用 闲置时间也要收费
基础设施 无需考虑基础设施 需要进行基础设施设置
成本 与 EC2 相比更便宜 我们也要收取闲置时间的费用
扳机 事件驱动 它会继续运行
HTTP 响应 在某些情况下,需要额外的冷启动时间来响应 HTTP 请求 无需冷启动
语言支持 仅支持 8 种语言 对任何语言开放

在下一篇博客中,我们将了解更多针对前端开发人员的服务。

学习愉快!!

在TwitterLinkedin上关注我

鏂囩珷鏉ユ簮锛�https://dev.to/hellonehha/aws-services-must-for-front-end-developers-part-1-5g0d
PREV
How to Create Malaysia Flag with HTML and CSS 🇲🇾
NEXT
如何写简历:第一部分 - 结构 如何写简历:第一部分 - 结构