快速使用node.js进行web开发详解

背景介绍

Node.js 是构建高性能、可扩展的网络应用程序的开源、跨平台的 JavaScript 运行时环境。它只是一个包含了JavaScript V8引擎的运行时环境，没有DOM和浏览器的概念。使用Node.js，可以使用JavaScript在服务器端开发Web应用，构建高性能的Web服务器、命令行工具等。

项目初始化

在进行 Node.js 的 Web 开发之前，我们需要先进行项目初始化，新建一个文件夹，然后在该文件夹下打开终端，输入以下命令：

npm init

这个命令会引导我们创建一个新项目，并在项目目录下创建 package.json 文件。 这个文件包含了项目中所有的依赖项和脚本命令。

安装 Express

Express 是 Node.js 的 Web 框架之一，可以快速构建 Web 应用程序。可以通过以下命令安装 Express：

npm install express --save

--save 参数表示将依赖信息添加到 package.json 文件中。

创建 Web Server

创建一个文件 index.js，并引入 Express：

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

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

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
});

在上述代码中，我们创建了一个 Express 实例，然后定义了 /路径下的路由，并在服务器启动时监听指定端口。

运行 Web Server

在命令行下执行一下命令：

node index.js

这样，在浏览器中访问 http://localhost:3000 就可以看到 Hello World 页面了。

示例说明

示例一

在 Express 中使用路由参数

app.get('/users/:userId/books/:bookId', function (req, res) {
  res.send(req.params)
})

在上述代码中，我们定义了一个带有路由参数的路由，路由参数或称为 URL 参数，是从 URL 中提取的一组值，形式类似 /users/:userId/books/:bookId，:符号之后的是参数名，在实际访问时可以从 req.params中获取到，这个对象的属性名就是参数名。

例如，当我们访问 http://localhost:3000/users/123/books/abc 时，在页面上显示的结果就是：

{ userId: '123', bookId: 'abc' }

示例二

在 Express 中使用静态文件

app.use(express.static('public'));

上述代码中，我们使用 Express 内置的 static 中间件，将一个目录下的所有文件作为静态文件提供。

例如，在项目下新建一个 public 目录，然后在 public 目录中添加一个名为 style.css 的样式表，访问 http://localhost:3000/style.css 就可以获取到该样式表。

需要注意的是，我们在访问静态文件时的路径并不需要加上 public 目录的名字，只需要将 URL 指向你想访问的静态文件所在的目录即可。