介绍
TypeScript 是微软开发的一种编程语言，是建立在 JavaScript 之上的一套语法规范和编译工具集。它可以在编译时进行类型检查和语法检查等操作，减少开发过程中的错误和提高代码质量。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可用于开发基于服务器端的 Web 应用程序。
本文将介绍如何使用 TypeScript 和 Node.js 开发后端服务，并提供详细的代码示例和教程。
环境搭建
在开始本教程前，需要确保您的系统有 Node.js 和 TypeScript 的支持。如果没有，您需要先安装相应工具。您可以访问 Node.js 的官网 和 TypeScript 的官网 下载并安装。
创建项目
首先，我们需要创建一个新的项目，建议在项目的根目录下创建一个名为 src 的文件夹，用来存放源代码。使用命令行打开根目录并执行以下命令：
mkdir my-project cd my-project mkdir src npm init
执行完上述命令后，会提示您输入一些配置信息，您可以根据需要进行配置。
安装依赖
在我们开始编写服务的代码之前，我们需要安装一些必要的依赖。我们将在项目的根目录下安装以下依赖：
npm install express body-parser cors typescript ts-node-dev @types/express @types/body-parser @types/cors --save-dev
express： Node.js 框架，用于实现 Web 应用程序。body-parser： Node.js 中间件，用于处理 HTTP 请求的 body 数据。cors： Node.js 中间件，用于处理跨域请求。typescript： TypeScript 编译器。ts-node-dev： Node.js 工具，用于在开发过程中实时编译 TypeScript 代码。@types/express： TypeScript 类型定义文件，用于在开发过程中使用 Express。@types/body-parser： TypeScript 类型定义文件，用于在开发过程中使用 Body Parser。@types/cors： TypeScript 类型定义文件，用于在开发过程中使用 Cors。
编写代码
创建 Express 应用程序
在开始编写代码前，我们需要创建一个 Express 应用程序。在 src 目录下创建一个名为 app.ts 的文件，并编写以下代码：
-- -------------------- ---- ------- ------ ------- ---- ---------- ------ ---------- ---- -------------- ------ ---- ---- ------- ----- --- - ---------- --------------------------- ------------------------------- --------- ---- ---- ---------------- ------------ ----- ---- -- - ---------------- --------- --- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
上述代码创建了一个 Express 应用程序，它监听了本地的 3000 端口，并返回了一个字符串：Hello, World!。
集成 TypeScript
为了在应用程序中使用 TypeScript，我们需要使用 TypeScript 编译器进行编译。在项目的根目录下创建一个名为 tsconfig.json 的文件，并编写以下代码：
-- -------------------- ---- -------
-
------------------ -
--------- ------
--------- -----------
--------- ---------
---------- --------
------------------ -----
--------- ----
-
-上述代码中，我们配置了 TypeScript 编译器的选项，例如输出目录、源代码目录、生成的代码模块类型等等。
启动服务
为了在开发过程中快速编译和部署代码，我们可以使用 ts-node-dev 工具。在项目的根目录下打开命令行，输入以下命令：
npx ts-node-dev src/app.ts
上述命令用于运行 ts-node-dev 工具，并指定了要运行的入口文件。执行完命令后，您应该会在命令行上看到以下输出：
[INFO] 17:48:39 ts-node-dev ver. 1.1.8 (using ts-node ver. 9.1.1, typescript ver. 4.2.3) [INFO] 17:48:39 starting node src/app.ts Server is running at http://localhost:3000
测试服务
在命令行上看到提示 Server is running at http://localhost:3000 后，我们可以在浏览器中输入该地址，查看服务是否正常工作。如果一切正常，您将会在浏览器上看到以下输出：Hello, World!。
创建 API 接口
为了演示如何创建 API 接口，我们将创建一个名为 /hello 的 GET 接口，用于返回 Hello, name! 的字符串，其中 name 是请求参数中的一个可选值。
在 src 目录下创建一个名为 controllers 的文件夹，并创建一个名为 hello.ts 的文件，并编写以下代码：
import { Request, Response } from 'express';
export const hello = (req: Request, res: Response) => {
const name = req.query.name || 'World';
res.json(`Hello, ${name}!`);
};上述代码定义了一个名为 hello 的函数，它从请求参数中获取 name 值，并返回一个 JSON 对象。
接下来，在 src 目录下创建一个名为 routes 的文件夹，并创建一个名为 hello.ts 的文件，并编写以下代码：
import { Router } from 'express';
import * as HelloController from '../controllers/hello';
const router = Router();
router.get('/', HelloController.hello);
export default router;上述代码定义了一个名为 hello 的路由对象，它将 GET 请求 / 置于 HelloController.hello 函数。
现在，我们需要在 app.ts 中引入路由对象，并将其与应用程序绑定。在 app.ts 中添加以下代码：
-- -------------------- ---- ------- ------ ------- ---- ---------- ------ ---------- ---- -------------- ------ ---- ---- ------- ------ ----------- ---- ----------------- ----- --- - ---------- --------------------------- ------------------------------- --------- ---- ---- ---------------- ----------------- ------------- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
上述代码中，我们将 /hello 路由对象绑定到了应用程序中。现在，我们可以在浏览器中访问 http://localhost:3000/hello 查看浏览器上的输出。
总结
本教程介绍了如何使用 TypeScript 和 Node.js 开发后端服务，并提供了详细的代码示例和教程。在实际开发过程中，我们可以使用这些技巧来提高开发效率和代码质量。希望本文对您有所帮助，祝您学习愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a4f93548841e9894167914