nodejs 搭建简易服务器的图文教程(推荐)

下面是详细的“nodejs 搭建简易服务器的图文教程(推荐)”的攻略。

基本概念

Node.js是一个基于Chrome V8引擎的JavaScript运行时。它可以解析和执行JavaScript代码，并在服务器端运行，可以联系上下文环境并直接访问OS底层库的服务器环境。Node.js在后端开发领域发挥着越来越重要的作用，我们可以使用Node.js轻松地搭建一个简易的Web服务器。

搭建服务器

下面我们来搭建一个简易的Node.js服务器。

首先，在本地创建一个项目文件夹，例如server，然后进入该文件夹。

初始化项目

运行以下命令初始化项目，生成一些必须的文件。命令会生成一个 package.json 文件和 node_modules 文件夹。

npm init -y

安装 express

接着安装 express，运行以下命令。

npm install express --save

创建服务器

服务器需要监听某个特定的端口才能接收和处理来自客户端的请求。在 server 目录下创建一个 app.js 文件，输入以下代码：

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

app.listen(3000, () => {
  console.log('server is running')
})

代码解释：
* 引入 express 库，创建一个应用实例。
* 应用实例 app 的 listen() 方法，用于监听端口并启动服务器，参数是监听的端口号和启动回调函数。

启动服务器

运行以下命令启动服务器：

node app.js

访问 http://localhost:3000/，如果返回“Cannot Get /”说明服务器已经启动。

添加路由

在 app.js 文件中加入路由，基本代码如下：

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

以上代码表示当浏览器地址为根目录时，服务器返回“Hello World!”。路由都是通过 HTTP 请求发送的，express 库提供了 app 对象上的 get() 方法，用于响应 GET 请求。

示例说明

示例1：返回 JSON

以下代码演示了如何返回一段 JSON 数据，修改 app.js 文件：

app.get('/json', (req, res) => {
  const data = {
    name: '小明',
    age: 18
  }
  res.json(data)
})

以上代码表示当浏览器地址为 /json 时，服务器返回 JSON 数据：{"name": "小明","age": 18}。我们使用 res.json(data) 方法来返回 JSON 数据。

示例2：返回 HTML 页面

以下代码演示如何返回一个 HTML 页面，先在 server 目录下创建一个 public 目录，并在该目录下创建一个 index.html 文件，代码如下：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <title>Node.js服务器页面</title>
</head>
<body>
  <h1>Hello World!</h1>
  <p>这是Node.js返回的页面。</p>
</body>
</html>

然后修改 app.js 文件，添加以下代码：

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

以上代码表示当浏览器请求的是静态资源（如 HTML、CSS、JS 文件），就会从 public 目录中查找相应的文件并返回。在浏览器中访问 http://localhost:3000/index.html 可以看到返回的 HTML 页面。

以上就是“nodejs 搭建简易服务器的图文教程(推荐)”的完整攻略。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：nodejs 搭建简易服务器的图文教程(推荐) - Python技术站