如何使用 Fastify 和 TypeORM 做一个 TypeScript Web 应用

前言

在现代的 Web 应用开发中,JavaScript 大量应用于前端开发,而 TypeScript 使得我们可以在前端开发中使用类型系统。但在后端开发中,TypeScript 的类型系统并不普及。本文将介绍如何在使用 TypeScript 编写 Web 应用时,使用 Fastify 和 TypeORM 构建 Web API。这里的 Web API 是指符合 RESTful 风格的 HTTP API。

本文的读者应该已经具备 TypeScript 基础知识和 Node.js 开发经验。

技术选型

在本文中,我们将使用以下技术:

  • Fastify:一个高效的 Node.js Web 框架,性能比 Express 更优秀。
  • TypeORM:一个 TypeScript ORM(Object-Relational Mapping),用于构建应用程序的对象关系映射。它支持许多数据库,包括 MySQL,Postgres,SQLite,等等。

为什么选择这些技术呢?Fastify 是一个快速节点框架,旨在提供更快的速度和更低的内存占用量。它的 API 难以与 Express 相比,但是 Fastify 的性能比 Express 更好,可以更好地处理大量路由处理,支持自定义插件和钩子等特性,具有非常好的可扩展性。TypeORM 则是一个良好的 ORM,TypeScript 与其结合使用,可以在很大程度上简化数据库的操作。

准备工作

在开始构建 API 之前,我们需要安装并配置一些软件。我们需要安装 Node.js 和 TypeScript。TypeScript 可以简化代码的编写和维护,同时 TypeScript 相关的 IDE 带来了高效率的编写体验。

安装完 Node.js 和 TypeScript 后,我们使用 npm 安装 Fastify 和 TypeORM:

--- ------- ------- ------- ---------------- ----------- -----
  • reflect-metadata 是用来创建实例。
  • @types/node 是 TypeScript 对 Node.js 的类型声明。

安装完软件之后,我们需要在项目根目录下创建一个 tsconfig.json 文件:

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

TypeScript 使用 tsconfig.json 配置文件来指定 TypeScript 项目如何编译成 JavaScript。

package.json 中,添加以下脚本:

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

start 脚本是用来启动编译后的 JavaScript 文件;dev 脚本是用来启动开发模式的脚本,此时 TypeScript 会自动编译并运行代码。

使用 Fastify 构建路由

使用 Fastify 构建路由非常简单。我们只需要使用 fastify 导出一个路由对象并在请求中使用该对象即可。由于 Fastify 支持链式调用,所以我们可以在构建路由时使用它们。

以下是一个简单的例子:

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

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

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

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

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

上面的代码创建了一个路由对象,该路由对象有两个路由处理函数。一个处理 GET / 请求,另一个处理 POST / 请求。这些路由处理程序是用 asyncawait 编写的,以便处理异步操作。最后调用 listen 函数运行服务器。

使用 TypeORM 连接数据库

使用 TypeORM 连接数据库也非常简单。使用 getConnection() 方法连接到数据库。

下面的代码示例中使用了 MySQL 数据库,具体的数据库配置应该根据实际情况填写:

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

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

createConnection() 函数中,我们需要指定数据库的类型和连接参数。TypeORM 支持多种类型的数据库,如 MySQL,PostgreSQL 及 MongoDB。具体的参数形式同各种数据库的参数。

entities 参数用于指定我们的实体,在本例中,可以为空数组。

synchronize 参数用于同步数据库中定义的实体。

then() 函数中成功连接到数据库时,在控制台中输出一条消息,如果连接失败则在 catch() 函数中输出错误信息。

定义实体

在使用 TypeORM 连接到数据库后,我们可以定义实体。实体可以与数据库中的表相对应。有关 ORM 的详细信息可以查看文档

下面的代码定义了一个 User 实体,该实体包括 idnameemail 字段。请注意,我们使用了 TypeScript 类来定义实体类,而不是使用 JavaScript 对象字面量。

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

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

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

  ---------
  ------- ------
-
  • @Entity() 装饰器用于告诉 TypeORM,这个类是一个实体。
  • @PrimaryGeneratedColumn() 装饰器告诉 TypeORM 生成一个自增的主键 id
  • @Column() 装饰器用于标记其他字段,nameemail 是我们在 User 实体中添加的两个字段,也会作为数据库表中的两个字段。

创建实体并将其保存到数据库

在定义好实体类之后,我们可以使用 getConnection() 方法获取数据库连接。然后,使用 getRepository() 方法获取实体的存储库,并使用 save() 方法向数据库添加实体。

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

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

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

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

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

上面的代码创建了一个 User 实体对象,并将其保存到数据库中。注意,我们使用了 asyncawait,以确保异步操作的正确执行。当添加成功时,在控制台输出用户对象。

示例代码

以下是完整的示例代码:

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

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

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

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

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

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

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

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

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

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

总结

TypeScript 为我们带来了类型检查和更好的可读性。Fastify 和 TypeORM 分别为我们带来了更好的性能和更好的 ORM,使我们可以更轻松地构建和管理 Web 应用程序。

在本文中,我们学习了如何使用 Fastify 和 TypeORM 以 TypeScript 构建 Web 应用程序。我们使用 Fastify 构建路由、使用 TypeORM 连接和使用实体。最后,我们在应用程序中创建了一个用户,将其保存到数据库,并定义了一个 RESTful API,以使用该实体来进行交互。通过本文,希望能够帮助读者更好地理解 TypeScript 和 Fastify、TypeORM,并在实际项目中应用。

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


猜你喜欢

  • Koa2 中使用 pm2 部署 Node.js 应用的方法

    前言 在 Node.js 应用的开发中,部署是一个非常重要的环节。Koa2 作为一个轻量级的 Node.js Web 框架,应用广泛,而 pm2 作为 Node.js 的进程管理器也是一个非常流行的工...

    1 年前
  • 如何使用 Cypress 和 Cucumber-js 中的 Gherkin 语言编写端到端测试

    简介 端到端测试(End-to-end testing)是一种测试方式,通过模拟真实场景下用户的交互和操作,验证整个应用系统(前端和后端)的功能是否都正常,以及系统是否符合预期的业务需求和用户需求。

    1 年前
  • CSS Grid 如何实现棋盘布局?

    CSS Grid 是一个能够使我们更轻松地实现网页布局的工具。借助它,我们可以轻松地实现复杂的布局效果,比如栅格布局、圣杯布局等。本文将介绍如何使用 CSS Grid 实现一个常见的布局效果 —— 棋...

    1 年前
  • PM2 进程管理和 Node.js 日志管理

    在开发 Node.js 项目时,进程管理和日志管理是非常重要的一部分。本文将介绍 PM2 进程管理和 Node.js 日志管理的相关知识,并提供示例代码。 什么是 PM2 进程管理? PM2 是一个高...

    1 年前
  • Next.js 的生态圈与组件库介绍

    前言 近年来,Next.js 以其快速的开发速度、可靠的应用性能和广泛的生态圈而备受关注。作为一款轻量级的框架,Next.js 为开发者提供了许多方便的工具和库,让开发者可以轻松地构建出高质量的 We...

    1 年前
  • 如何使用 Headless CMS 实现 RSS 订阅功能

    现如今,RSS 已经成为互联网上非常有用的一种信息订阅方式。它允许用户订阅自己感兴趣的网站,从而第一时间获得最新的文章和更新。如何让你的网站支持 RSS 订阅,这里我们介绍一种方法:使用 Headle...

    1 年前
  • 利用 ES8 中的 Trailing Commas 语法细节,提高代码可读性

    在 JavaScript 的发展历程中,ES8 引入了一种新的语法细节:Trailing Commas。它允许在对象、数组、函数参数等复合结构的尾部添加一个逗号,即使这个逗号后面没有内容。

    1 年前
  • 使用 Mocha 测试和优化 JavaScript 性能

    随着 Web 技术的不断发展,前端开发成为了越来越受欢迎的职业。而前端开发中 JavaScript 使用量也越来越大,如何优化 JavaScript 的性能成为了前端开发的重要课程之一。

    1 年前
  • RESTful API 数据分析及统计方法

    RESTful API 是前端开发非常常用的方法之一,通过这种方法可以方便地获取和处理数据。然而,在使用 RESTful API 进行数据分析时,也存在一些需要注意的问题,本文将会详细讲解 RESTf...

    1 年前
  • React Native 如何实现定位功能

    React Native 是一种十分流行的移动开发框架,它可以同时支持 iOS 和 Android 平台,并提供了丰富的组件库和 API,可以轻松实现各种功能。在移动开发中,定位功能是一项非常重要的功...

    1 年前
  • Mongoose 如何使用 $text 操作符进行文本查询?

    Mongoose 如何使用 $text 操作符进行文本查询? 在使用 MongoDB 进行数据存储的应用中,文本查询是一种十分常见的需求。而 Mongoose 作为一种 MongoDB ODM(Obj...

    1 年前
  • Node.js 中的文本处理技术详解

    Node.js 中的文本处理技术详解 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它的出现极大地扩展了 JavaScript 的应用范围,尤其是在服务器端和...

    1 年前
  • PWA 开发中如何避免 Service Worker 频繁更新

    引言 在 PWA 开发中,为了缓存更多的静态资源,提高网站的加载速度,我们通常会使用 Service Worker 来处理缓存策略。但是,在 Service Worker 更新时会重新下载缓存的所有文...

    1 年前
  • 使用 Flexbox 实现响应式图片排列布局

    Flexbox 是一种强大且灵活的布局方式,它允许我们更容易地设计、排列和分配空间,特别是在响应式布局方面,它可以实现简单但有效的网格布局。在本篇文章中,我们将了解如何使用 Flexbox 实现响应式...

    1 年前
  • TypeScript 中获取函数运行时间的常用方法

    在前端开发中,我们往往需要评估代码性能,以便优化我们的应用程序并提高用户体验。在 TypeScript 中可以使用不同的方法来获取函数的执行时间,这篇文章将为你介绍其中的一些常用方法。

    1 年前
  • React Native 项目中如何使用 ESLint

    ESLint 是一个广泛使用的 JavaScript 代码检查工具。在 React Native 项目中,通过使用 ESLint 可以确保代码的可读性和可维护性。在本文中,我将为您介绍如何在 Reac...

    1 年前
  • ES9 的 Promise.finally() 方法和 try...catch 的异同

    ES9 的 Promise.finally() 方法和 try...catch 的异同 前言 在前端开发中,我们会经常使用 Promise 和 try...catch 来捕捉和处理异步和同步函数抛出的...

    1 年前
  • 如何使用 Express.js 构建 RESTful API

    什么是 RESTful API? RESTful API 是一种基于 HTTP 协议的轻量级 Web API 设计规范,它是一种描述客户端(如浏览器)和服务器之间的交互方式的设计风格。

    1 年前
  • Docker 容器虚拟内存不足的解决方法

    当使用 Docker 运行应用程序时,我们常常可能遇到容器虚拟内存不足的问题。这是因为 Docker 在运行时会默认为每个容器分配一定的内存空间,而随着我们运行的应用程序越来越多,这些内存空间就会被消...

    1 年前
  • webpack.dllplugin 插件打包优化

    Webpack 是目前前端领域中最流行的构建工具之一,它能够将多个 JavaScript 文件打包成一个文件,从而减少网络请求次数,提高网站性能。但是在项目庞大时,Webpack 构建速度变得缓慢,特...

    1 年前

相关推荐

    暂无文章