使用 Express 的第一个节点编 - JavaScript

介绍

Express 是 Node.js 的一个流行的 web 应用程序框架。它提供了一组强大的功能，方便开发人员构建可伸缩和稳定的 web 应用程序。本文将介绍如何在 JavaScript 中使用 Express 框架。

安装 Express

在使用 Express 之前，需要先安装。可以在终端中使用以下命令：

npm install express

安装完成后，可以在 JavaScript 文件中使用 require() 函数加载 Express 模块：

const express = require('express');

创建 Express 应用程序

可以使用以下代码创建一个简单的 Express 应用程序：

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('App listening on port 3000!');
});

在上面的代码中，我们首先导入了 Express 模块。然后，我们使用 express() 函数创建了一个应用程序的实例。该应用程序实例可以通过 app 变量访问。在这个应用程序中，我们定义了一个路由，当用户发出 GET 请求时，将返回 "Hello World!"。最后，我们使用 listen() 函数指定应用程序监听的端口，以便启动服务器。

定义路由

在 Express 中，我们可以通过路由来处理不同的 HTTP 请求。路由是由一个 URI、HTTP 请求方法（ GET、POST、PUT 等）和一组处理程序组成的。

在下面的示例中，我们定义了两个路由，/ 和 /about：

const express = require('express');
const app = express();

// GET 请求的路由
app.get('/', (req, res) => {
  res.send('Hello World!');
});

// POST 请求的路由
app.post('/', function (req, res) {
  res.send('Got a POST request');
});

// PUT 请求的路由
app.put('/user', function (req, res) {
  res.send('Got a PUT request at /user');
});

// DELETE 请求的路由
app.delete('/user', function (req, res) {
  res.send('Got a DELETE request at /user');
});

// 路由带有参数
app.get('/users/:id', function (req, res) {
  res.send('User id is：' + req.params.id);
});

// 路由中间件
app.use('/about', function (req, res, next) {
  console.log('Time:', Date.now());
  next();
});

app.get('/about', function (req, res) {
  res.send('This is the about page');
});

app.listen(3000, () => {
  console.log('App listening on port 3000!');
});

在上面的代码中，我们定义了 GET、POST、PUT 和 DELETE 请求的路由。除此之外，这个应用程序还包括路由带有参数和一个基本路由中间件。

使用模板引擎

Express 支持多种模板引擎，如 EJS、Pug 和 Handlebars。可以使用以下命令来安装一个模板引擎：

npm install express-handlebars --save

在 JavaScript 文件中加载模板引擎：

const express = require('express');
const exphbs  = require('express-handlebars');
const app = express();

// 配置模板引擎
app.engine('.hbs', exphbs({extname: '.hbs'}));
app.set('view engine', '.hbs');

// 定义路由
app.get('/', function (req, res) {
  res.render('home', {title: 'Home'});
});

// 启动服务器
app.listen(3000, function () {
  console.log('Server started on port 3000');
});

在上面的代码中，我们安装并加载了 express-handlebars 模块，然后配置模板引擎。我们使用 .hbs 扩展名定义了 express-handlebars 的模板文件。我们使用 app.set() 函数设置模板引擎，并指定其扩展名为 .hbs。

在后面的路由中，我们使用 res.render() 函数来呈现 home.hbs 模板。这个路由中的 title 将作为模板中的数据传递。

结语

至此，我们已经了解了在 JavaScript 中使用 Express 的基础知识。Express 框架为 web 应用程序开发提供了非常便捷的方法。通过掌握这些基础知识，你可以更好地构建可伸缩和可靠的 web 应用程序。