ExpressJS入门

本文最初发表于www.brianemilius.com/get-started-with-expressjs/。访问www.brianemilius.com/blog获取更多内容。

ExpressJS 可能是 Node.js 中最流行的服务器端 Web 应用程序开发框架。
在本系列博客中，我将向您展示如何入门以及如何以正确的方式进行开发。

先决条件

• 具备 Node.js 和 npm 的基础知识
• 具备一定的 JavaScript 中级知识
• 基础 HTML 和 CSS

引言

首先，在深入探讨大量代码片段和技术术语之前，我们先来看看什么是服务器端Web应用程序。

基本上，我们有两种主要不同的 Web 应用程序：服务器端和客户端。

在客户端，通常情况下，浏览器会从服务器接收一个 HTML 框架页面。然后，浏览器向服务器查询数据，并将数据渲染到该 HTML 框架中。我们称之为客户端渲染（简称 CSR）。

这种使用场景在 2019 年非常流行，你可以在 Facebook 或 Youtube 等许多大公司网站上看到它。

这种方法之所以受欢迎，主要有两个原因：性能和维护。服务器每次处理请求的工作量越少，性能就越好。这也意味着维护服务器环境要容易得多（而且，更重要的是，成本也低得多）。

这种方法的缺点在于，它将大量计算任务转移到了客户端设备上。这意味着手机或笔记本电脑的电池电量消耗更快，数据流量消耗也更快。

另一方面是服务器端渲染（简称 SSR）。

SSR 是一种方法，服务器接收到网页请求后，会收集构建 HTML 页面所需的所有数据，渲染页面，然后将其发送给客户端。

这种方法几乎把所有繁重的工作都交给了服务器，而不是客户端设备。缺点是服务器实际上需要处理每个请求。Web应用程序收到的请求越多，服务器的工作量就越大。

现在让我们深入探讨一下。

首先，我们需要初始化一个 NPM 项目并安装 ExpressJS 包。在电脑上创建一个新文件夹，这个文件夹就是我们的根目录。

mkdir my-express-app
cd my-express-app
npm init -y && npm i express

让我们在根文件夹下创建一个名为 app.js 的文件，并输入以下代码。

// app.js

let express = require("express");
let app = express();
let Router = express.Router();

Router.get("/", function routerCallback(request, response) {
    response.send("Hello, World!");
});

app.use(Router);

app.listen(1337, function server(err) {
    if (err) {
        console.log(error);
        process.exit(1);
    }
    console.log("Server is listening on port 1337");
});

标准配置

首先，我们需要express库。这是整个应用程序正常运行所必需的。

然后我们调用 express 库并将其放入名为app.

我们还需要Router从 express 中调用该函数。

这三项是应用程序的核心。我们可以选择不使用路由功能，但在这个例子中我使用它，是因为我喜欢将应用程序的配置和逻辑与路由引擎分离。

路由

接下来是应用程序的路由。我们为端点“/”创建一个监听器，该端点是我们主页（“首页”）的根目录。

Router.get("/", function routerCallback(request, response) {
    response.send("Hello, World!");
});

监听器会监听所有使用 HTTP 方法 GET 发送到指定端点的请求。如果客户端向该端点地址发出 GET 请求，则会触发回调函数。我提供了一个非常简短的示例，演示如何在您的网站上显示内容。这个示例会渲染经典的“Hello, World!”消息。

一旦我们编写完所有的路由函数（是的，我们可以编写任意数量的路由函数），我们就需要告诉应用程序使用路由器。

app.use(Router);

启动服务器

最后，我们通过告诉应用程序监听某个端口来启动服务器。在这个例子中，我使用了 1337 端口，但实际上你可以使用任何未被保留的端口。Express 应用程序常用的端口是 3000。

app.listen(1337, function server(err) {
    if (err) {
        console.log(error);
        process.exit(1);
    }
    console.log("Server is listening on port 1337");
});

启动应用程序并进行测试

文件保存完毕后，app.js我们就可以运行应用程序并进行测试了。要运行它，请在控制台中输入以下命令。

node app

它应该能给你传达这个信息。

Server is listening on port 1337

现在您可以通过访问以下地址在浏览器中打开该网站：http://localhost:1337/。

你应该看到以下内容：

要停止应用程序，请在控制台中单击CTRL“+” 。C

这是 ExpressJS 入门的基础知识。在下一篇博文中，我将介绍 Express 应用的结构。

如果你按照步骤操作了，请在评论区告诉我结果如何。

技术矢量图由 slidesgo 创建 - www.freepik.com