初学 Serverless 开发应该这么玩

Serverless 架构是一种新兴的云计算架构,它使得开发者可以更快捷、更方便地开发和部署应用程序。在 Serverless 架构下,只需要编写应用程序的核心代码,无需关心基础设施、服务器等底层运维问题。也就是说,Serverless 架构将极大地简化应用程序的开发、部署和维护流程,同时也节省了开发者的成本和精力。

立足前端,深入 Serverless

Serverless 开发最常用的语言之一是 JavaScript。由于前端人员对 JavaScript 有着深入的理解和熟悉的经验,因此他们可以很快地转入 Serverless 开发。前端开发者只需要掌握一些基本的 Serverless 相关概念和工具,如 Serverless Framework,就可以开发出与传统方式无异的 Web 应用程序。

在 Serverless 架构下,应用程序逻辑和业务流程通常分散在数个独立的函数中。每个函数都负责完成应用程序的某个具体功能,并能够依赖于其他函数或者服务。前端开发者可以使用 Lambda 等函数计算模型运行这些函数。

Serverless Framework 简介

Serverless Framework 是一个基于 Node.js 的开源框架,可用于创建、部署和管理 Serverless 应用程序。Serverless Framework 允许将应用程序代码、API Gateway 以及任何与 AWS 上的 Lambda 函数相连的资源组织在一起。它还可以在线管理 Lambda 函数、API Gateway、Amazon S3 存储桶和其他资源等的配置和流程,使整个部署流程变得更加简单和容易。

Serverless Framework 使用 YAML 配置文件来定义 AWS Lambda 函数、API 网关、事件等内容。并且提供了极为方便的本地开发和调试工具,使得开发者可以模拟 AWS Lambda 环境下的函数运行环境,极大提高了开发效率。

一个示例应用程序

下面我们通过一个简单的 Serverless 应用程序,来了解 Serverless Framework 的基本操作。

我们的应用程序可以将输入的字符串转换为大写。这个应用程序由两个函数组成:

  1. 将输入字符串转换成大写的函数。
  2. 处理 HTTP 请求的入口函数。

首先我们需要安装 Serverless Framework。在命令行中输入以下命令:

--- ------- -- ----------

接着,我们在本地创建一个新的 Serverless 应用程序:

--- ------ ---------- ---------- ------ ------------------

这个命令将在当前目录下创建一个名为 serverless-example 的新目录,其中包含一个名为 handler.js 的文件和一个名为 serverless.yml 的配置文件。我们可以在这个文件中定义我们的 Serverless 应用程序。

下面是 serverless.yml 中的配置内容:

-------- ------------------

---------
  ----- ---
  -------- ----------

----------
  --------
    -------- ---------------
    -------
      - -----
          ----- -------
          ------- ----
  ------
    -------- -------------
    -------
      - -----
          ----- -----
          ------- ---

这些配置项分别为:

  • service:指定服务名称,用于在 AWS 资源中标识您的应用程序。
  • provider:指定要使用的公共云服务提供商(这里我们选择了 AWS)​,​​以及要使用的运行时环境。
  • functions:指定这个 Service 中包含的 Lambda 函数。每个函数都需要提供一个名称、处理程序和要触发该函数的事件。

在这里,我们定义了两个函数:toUpper 和 hello。其中,toUpper 函数将输入字符串转换为大写字符,并且在使用 POST 方法请求 /toUpper 路径时触发。hello 函数只是简单地发送一条“Hello world”消息,当使用 GET 方法请求 /hello 路径时触发。

我们还需要在 handler.js 文件中定义这两个函数。下面是 handler.js 文件的内容:

---- --------

-------- -------------- -------- --------- -
  ----- ---- - -----------------------
  ----- ------ - -------------------
  -------------- - ----- ------ ---
-

-------- ------------ -------- --------- -
  ----- -------- - -
    ----------- ----
    ----- --------------------- --------
  --
  -------------- ----------
-

---------------------- - --------
-------------------- - ------

在我的机器上运行这个程序,我们需要先配置 AWS 账户和访问密钥。然后,在命令行中输入以下命令:

--- ------

这个命令将自动创建 Lambda 函数和 API Gateway,并将您的代码上传到 AWS 中。在部署完成之后会显示一些信息,其中包括 API Gateway 的 URL 地址。

现在,我们可以复制这个地址并在浏览器中打开它。然后尝试访问 /hello 路径,您应该能够看到“Hello world”的消息。接着,可以使用 POST 方法请求 /toUpper 路径,以将一些小写字母转换为大写字母。

结论

Serverless 架构是一种新兴的云计算架构,它可以帮助前端开发者更快捷地构建、部署和管理 Web 应用程序。Serverless Framework 是一个基于 Node.js 的开源框架,可用于创建、部署和管理 Serverless 应用程序。使用 Serverless Framework 框架,我们可以轻松定义 AWS Lambda 函数、API Gateway、S3 存储桶等内容,并且能够快速地本地开发和调试。从这个角度上看,Serverless 技术已经成为企业级应用程序开发的标准,意味着 Serverless 已经成为前端开发者的必备技能之一。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/671319e4ad1e889fe20a8cfe


猜你喜欢

  • ECMAScript 2017 中的 SharedArrayBuffer 的作用解析

    在 ECMAScript 2017 中引入的 SharedArrayBuffer 是一种支持多个线程共享内存的 JavaScript 对象。它提供了一种在多个工作线程之间共享数据的高效机制,可以显著提...

    5 天前
  • Next.js 中如何处理 SEO 问题?

    Search Engine Optimization(SEO)是一种为搜索引擎设计和优化网站的方法。SEO随着时间的推移变得越来越复杂,有很多因素要考虑,包括内容质量、响应时间、页面结构、关键词数量等...

    5 天前
  • ECMAScript 2021 (ES12) 中的新特性 WeakRefs 详解

    ECMAScript 2021(ES12)是 JavaScript 语言的最新版本,于 2021 年发布。这个版本引入了许多新特性,其中最令人兴奋的一个是 WeakRefs。

    5 天前
  • 使用 LESS 优化网页性能的 6 个技巧

    最近几年,前端开发技术越来越火热,LESS 作为一种 CSS 预处理器,在前端开发中得到广泛应用。使用 LESS 可以大大提高代码的可读性和可维护性,同时能够优化网页性能,加快网站的加载速度,提高用户...

    5 天前
  • ES10 中引入的 Symbol Description 解析及使用教程

    Symbol 是 ES6 中引入的一种新类型,它是一种独一无二的数据类型,用于生成唯一的标识符。而在 ES10 中又引入了 Symbol Description 的概念,本文将对 ES10 中引入的 ...

    5 天前
  • 如何在 Fastify 中使用 GraphQL

    前言 随着现代web应用程序的不断发展,单一页面应用程序(SPA)的流行与日俱增。随之而来的是越来越多的客户端的请求和服务端的响应。GraphQL使得(在客户端和服务器之间)请求和响应的交互更加顺畅。

    5 天前
  • 在 AngularJS 中使用 ng-if 和 ng-show 的性能对比

    在 AngularJS 中,控制元素的显示和隐藏最常用的两个指令是 ng-if 和 ng-show。虽然它们都可以达到同样的效果,但它们的实现方式不同,导致它们在性能上也有差异。

    5 天前
  • Cypress 测试框架中自定义插件的实现方法与应用

    Cypress 是一个流行的前端端到端测试框架,它提供了丰富的 API 和便利的工具,使得测试的编写和运行变得非常简单。但是在某些情况下,我们可能需要自定义一些插件来扩展 Cypress 的功能,提高...

    5 天前
  • 使用 Mocha 和 Sinon 进行桩和模拟测试

    在前端开发过程中,为确保应用程序的正确性和可靠性,需要进行各种测试。其中,桩(Stub)和模拟(Mock)测试是常用的测试方法之一。Mocha 和 Sinon 是两个用于 JavaScript 测试的...

    5 天前
  • 使用 Enzyme 测试 React 高阶组件

    使用 Enzyme 测试 React 高阶组件 React 是一个流行的 JavaScript 库,用于构建用户界面。它已经成为开发人员的优选之一,因为它以可组合性和高可读性而闻名。

    5 天前
  • 解决 GraphQL 中无法执行查询的错误

    GraphQL 是一种用于 API 的查询语言,在前端开发中已经越来越流行。尽管 GraphQL 在编写数据查询请求时非常方便,但有时会出现一些错误,比如无法执行查询。

    5 天前
  • Redux 如何在 React 之外使用

    什么是 Redux? Redux 是一种状态管理库,为 JavaScript 应用程序提供可预测的状态容器。它通常与 React 一起使用,但它并不是为 React 设计的,可以在任何 JavaScr...

    5 天前
  • 报错解决:Node.js setTimeout 与 setInterval 函数被卡顿的解决方法

    在 Node.js 中,setTimeout 和 setInterval 是常用的定时器函数。但是,在某些情况下,它们可能会被卡顿,导致定时器无法正常执行。这篇文章将探讨 Node.js 中 setT...

    5 天前
  • 如何在 Chai.js 中测试一个对象是否相等

    如何在 Chai.js 中测试一个对象是否相等 在前端开发过程中,测试是不可或缺的环节。常常需要对一些数据进行比较,尤其是涉及到对象的比较。Chai.js 是一个常用的测试框架,它提供了方便的 API...

    5 天前
  • 使用 Custom Elements 创建模态框组件

    随着前端技术的不断发展,越来越多的开发者开始使用自定义元素(Custom Elements)来构建复杂的 web 应用程序。在这篇文章中,我们将介绍如何使用 Custom Elements 创建一个模...

    5 天前
  • 使用 Mongoose 进行分页查询的实现方法

    在前端开发中,我们经常需要从数据库中查询大量的数据,并将它们按照一定规则进行展示。当数据量较大时,为了避免一次性加载过多的数据造成页面卡顿,我们通常需要使用分页查询的方式来解决这个问题。

    5 天前
  • 如何通过 PM2 管理用 Node.js 编写的进程

    在前端开发中,我们经常使用 Node.js 来编写服务器端代码。当我们在服务器上运行 Node.js 应用程序时,需要确保它们始终在运行状态以保持业务连续性。为了解决这个问题,我们可以使用进程管理器,...

    5 天前
  • Web Components 实践 | 如何解决组件间通信的问题?

    Web Components 是一种用于创建可重复使用和独立的 UI 组件的技术。它由三个主要的技术组成:Custom Elements、Shadow DOM 和 HTML Templates。

    5 天前
  • 基于 Vue 和 Webpack 的 SPA 架构实现详解及常见 Bug 的解决方法

    单页面应用程序(SPA)已经成为当今 Web 开发领域中的一种热门架构。它具有快速和异步加载资源的优点以及流畅的用户体验。然而,SPA 也有一些常见的问题,如初始化速度、SEO 和浏览器兼容性等。

    5 天前
  • Kubernetes 中的 Ingress 详解

    随着云计算和容器化技术的不断发展,Kubernetes(简称 K8s)逐渐成为了云原生应用开发的主流技术之一。而在 K8s 中,Ingress 是一个十分重要的模块,它的作用是允许外部的 HTTP/H...

    5 天前

相关推荐

    暂无文章