NodeJs + Express 建立Web服务

本是古典何须时尚 2023-10-13 17:30 9阅读 0赞

**目 录**

1. 初始化：

2. 安装Express框架：

3. Express项目初始化

4. 执行npm install安装相关依赖

5. 其他依赖说明

6. 执行命令，启动服务

--------------------

先了解三个NodeJs的主要名称，事件驱动，异步和非阻塞I/O。

事件驱动：Node.js采用事件驱动的模式，也就是说它是按照事件的发生顺序来执行程序的，这些事件可以是用户操作、网络请求等。举个例子，当你在网页上点击一个按钮，那么就会触发一个事件，Node.js会接收到这个事件并处理它，然后返回给你一个响应。

异步：在JavaScript中，当一个函数执行完毕之后，才能执行下一个函数。但是，有些函数需要等待前面某个操作的结果才能继续执行，这时就可以采用异步的方式。异步函数并不会阻塞整个程序的执行，而是会立即返回，然后在执行完后续操作后再处理。

非阻塞I/O：通常情况下，读写磁盘或者网络I/O都是阻塞的操作，也就是说在这些操作完成之前，线程会一直等待，导致整个程序变得缓慢。Node.js采用了非阻塞I/O的方式，它会轮询系统来获取I/O操作是否已经完成，这样就可以让线程在等待I/O的同时去执行其他操作，提高了程序的并发性能。

接下来，让我们一起学习如何使用Node.js来搭建服务器。

## 1.初始化： ##

首先，我们需要安装Node.js环境(安装Node.js环境请查看其他相关文章)，并创建一个空文件夹，进入该文件夹，打开命令行，输入以下代码：

npm init

这个命令会要求你填写一些项目的基本信息，比如项目名称、作者、描述等。填写完毕后会生成一个package.json文件，其中记录了项目的依赖信息。

![4d8796f0bab84fc3a0b7c491bbcbc6cd.png][]

## 2.安装Express框架： ##

接着，我们需要安装Express框架，它是一个用于搭建Web应用的轻量级框架，提供了路由、模板渲染等功能。在命令行中输入以下代码：

npm install express --save

![6c73c3ef58cf441bac596ab8b5b22f68.png][]

## 3. Express项目初始化 ##

#执行命令
    express

![81387b6f17ee4ddab273e848bcb6971a.png][]

最后目录的结构如下

![9a1ce91f27374ad68d31b899c950b23e.png][]

## 4. 执行npm install安装相关依赖 ##

![e468992d4c2444a098ca495963d6934e.png][]

## 5. 其他依赖说明 ##

npm install serve-favicon ： 设置网站的 fav[icon图标][icon]

npm install morgan： express日志模块Morgan

npm install cookie-parser：用于解析cookie的中间件，添加中间后，req具备cookies属性。通过req.cookies.xxx可以访问cookie的值。

npm install express-session：session运行在服务器端，当客户端第一次访问服务器时，可以将客户的登录信息保存。

npm install body-parser：bodyParser用于解析客户端请求的body中的内容，内部使用JSON编码处理，[url编码][url]处理以及对于文件的上传处理。

npm install path：path模块是node.js中提供的一个系统模块，用于格式化或凭借一个完整的路径

npm install jade：Jade是[Node][].js的一个模板引擎，它借鉴了Haml的很多地方，所以语法上和Haml比较相近。并且，Jade也支持空格。

## 6.执行命令，启动服务 ##

#执行下面命令
    npm start

访问[http://localhost:8080/][http_localhost_8080], 显示如下：

![51552c3142dd4f9a9c088b1bac3ef899.png][]

[4d8796f0bab84fc3a0b7c491bbcbc6cd.png]: https://img-blog.csdnimg.cn/4d8796f0bab84fc3a0b7c491bbcbc6cd.png
[6c73c3ef58cf441bac596ab8b5b22f68.png]: https://img-blog.csdnimg.cn/6c73c3ef58cf441bac596ab8b5b22f68.png
[81387b6f17ee4ddab273e848bcb6971a.png]: https://img-blog.csdnimg.cn/81387b6f17ee4ddab273e848bcb6971a.png
[9a1ce91f27374ad68d31b899c950b23e.png]: https://img-blog.csdnimg.cn/9a1ce91f27374ad68d31b899c950b23e.png
[e468992d4c2444a098ca495963d6934e.png]: https://img-blog.csdnimg.cn/e468992d4c2444a098ca495963d6934e.png
[icon]: https://so.csdn.net/so/search?q=icon%E5%9B%BE%E6%A0%87&spm=1001.2101.3001.7020
[url]: https://so.csdn.net/so/search?q=url%E7%BC%96%E7%A0%81&spm=1001.2101.3001.7020
[Node]: https://so.csdn.net/so/search?q=Node&spm=1001.2101.3001.7020
[http_localhost_8080]: http://localhost:8080/
[51552c3142dd4f9a9c088b1bac3ef899.png]: https://img-blog.csdnimg.cn/51552c3142dd4f9a9c088b1bac3ef899.png