利用node.js搭建简单web服务器的方法教程

下面是详细讲解“利用node.js搭建简单web服务器的方法教程”的完整攻略。

准备工作

在开始之前，需要先安装node.js。安装完成后，可以通过以下命令来检查是否安装成功：

node -v

如果返回了版本号，则说明安装成功。

创建项目文件夹

在电脑上创建一个新的文件夹，命名为"web-server"，然后进入该文件夹。

初始化项目

进入"web-server"文件夹后，在命令行中运行以下命令，来初始化项目：

npm init -y

执行完该命令后，会生成一个名为"package.json"的文件。

安装依赖

在命令行中运行以下命令，来安装我们需要使用的依赖：

npm install express

执行完该命令后，会在项目文件夹中生成一个名为"node_modules"的文件夹，里面包含了"express"依赖。

创建服务器文件

在项目文件夹中创建一个名为"app.js"的文件，并输入以下代码：

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

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

app.listen(3000, function() {
  console.log('Server is running at http://localhost:3000/')
})

该代码创建了一个基本的服务器，监听3000端口，并输出"Hello World!"。

启动服务器

在命令行中运行以下命令，来启动服务器：

node app.js

执行完该命令后，可以在浏览器中输入"http://localhost:3000/"，来查看服务器是否正常运行。

添加静态文件

在项目文件夹中创建一个名为"public"的文件夹，并在其中创建一个名为"index.html"的文件。然后在"app.js"文件中添加以下代码：

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

该代码告诉服务器，当收到"/"请求时，向客户端发送名为"index.html"的文件。

示例

示例1：发送json数据

在"app.js"文件中添加以下代码：

app.get('/data', function(req, res) {
  const data = { name: 'John', age: 30 }
  res.json(data)
})

该代码创建了一个路由，当收到"/data"请求时，向客户端发送一个名为"data"的json数据。

示例2：使用模板引擎

在项目文件夹中创建一个名为"views"的文件夹，并在其中创建一个名为"index.ejs"的文件。然后在"app.js"文件中添加以下代码：

app.set('view engine', 'ejs')

app.get('/view', function(req, res) {
  const data = { name: 'John', age: 30 }
  res.render('index', data)
})

该代码告诉服务器，使用"ejs"模板引擎渲染视图。同时创建了一个路由，当收到"/view"请求时，向客户端发送名为"index.ejs"的页面，并传递名为"data"的数据。在"views/index.ejs"文件中，可以使用"<%= name %>"和"<%= age %>"的方式来输出数据。

以上就是利用node.js搭建简单web服务器的方法教程的完整攻略，希望能对你有所帮助。