随着 Web 技术的不断发展，越来越多的 Web 服务开始使用 TypeScript 和 Express 进行构建。TypeScript 是一种由 Microsoft 推出的 JavaScript 超集，它添加了静态类型检查和其他一些语言特性。而 Express 是一个流行的 Node.js Web 框架，它提供了一个简单的 API，用于构建 Web 应用程序和 API。
本文将介绍如何使用 TypeScript 和 Express 构建 Web 服务，并提供一些示例代码以帮助你入门。
安装 TypeScript 和 Express
首先，你需要安装 TypeScript 和 Express。你可以使用 npm 来安装它们：
npm install -g typescript npm install express
创建一个 TypeScript 项目
创建一个新的 TypeScript 项目非常简单。你只需要创建一个新的文件夹，并在其中创建一个 package.json 文件。然后使用以下命令来安装 TypeScript：
npm install typescript --save-dev
接下来，你需要创建一个 tsconfig.json 文件来配置 TypeScript。在项目根目录下创建一个 tsconfig.json 文件，并添加以下内容：
// javascriptcn.com code example
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"outDir": "dist",
"sourceMap": true
},
"include": [
"src/**/*"
],
"exclude": [
"node_modules"
]
}这个配置文件告诉 TypeScript 编译器将代码编译为 ES6，并将编译后的文件输出到 dist 目录中。同时它还指定了源代码目录为 src。
创建一个 Express 应用程序
在创建 Express 应用程序之前，你需要安装一些必要的依赖项。你可以使用以下命令来安装它们：
npm install express @types/express
接下来，你可以在 src 目录中创建一个名为 app.ts 的文件，并添加以下内容：
// javascriptcn.com code example
import express from 'express';
const app = express();
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(3000, () => {
console.log('App listening on port 3000!');
});这个应用程序非常简单。它创建了一个 Express 应用程序实例，并在根路径上定义了一个 GET 路由。当用户访问根路径时，它将返回“Hello World!”的响应。最后，它将侦听端口 3000，并在控制台上打印一条消息。
编译和运行应用程序
现在你可以使用以下命令来编译 TypeScript 代码：
tsc
这将编译你的 TypeScript 代码，并将编译后的 JavaScript 文件输出到 dist 目录中。
接下来，你可以使用以下命令来运行你的应用程序：
node dist/app.js
现在你可以在浏览器中访问 http://localhost:3000，你将看到“Hello World!”的响应。
使用中间件
Express 中间件是一个在请求和响应之间运行的函数。中间件可以用来执行各种任务，例如身份验证、日志记录和错误处理。
以下是一个使用中间件的示例：
// javascriptcn.com code example
import express from 'express';
const app = express();
// 中间件
app.use((req, res, next) => {
console.log('Time:', Date.now());
next();
});
app.get('/', (req, res) => {
res.send('Hello World!');
});
app.listen(3000, () => {
console.log('App listening on port 3000!');
});这个示例中，我们添加了一个中间件函数，它将打印当前时间。中间件函数使用了 next() 函数来将请求传递给下一个中间件或路由处理程序。
使用路由
Express 路由是用于将请求映射到处理程序的机制。路由可以使用各种 HTTP 方法来处理请求，包括 GET、POST、PUT 和 DELETE。
以下是一个使用路由的示例：
// javascriptcn.com code example
import express from 'express';
const app = express();
// GET 路由
app.get('/', (req, res) => {
res.send('Hello World!');
});
// POST 路由
app.post('/', (req, res) => {
res.send('Got a POST request');
});
// PUT 路由
app.put('/user', (req, res) => {
res.send('Got a PUT request at /user');
});
// DELETE 路由
app.delete('/user', (req, res) => {
res.send('Got a DELETE request at /user');
});
app.listen(3000, () => {
console.log('App listening on port 3000!');
});这个示例中，我们创建了四个不同的路由，每个路由都使用不同的 HTTP 方法来处理请求。
结论
在本文中，我们介绍了如何使用 TypeScript 和 Express 构建 Web 服务。我们创建了一个简单的 Express 应用程序，并添加了中间件和路由。我们还讨论了如何使用 TypeScript 编译器来编译我们的代码，并在 Node.js 上运行我们的应用程序。
当然，这只是一个入门指南，涉及到的内容还有很多。但是，我们希望这篇文章能够帮助你开始使用 TypeScript 和 Express 构建 Web 服务，并为你提供了一些有用的示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673c37b27088281697c6c8b6