Skip to content

❤Node02-Nodejs环境安装和依赖使用

1、环境检查

先来查看一下本地版本

jsnode -v
npm -v
jsv20.12.0 //node版本
10.5.0 //npm版本

image.png

2、项目搭建

找一个空包的文件夹,英文命名

jsmkdir Nexusapi //创建文件夹
cd Nexusapi
yarn init

这个时候我们Nexusapi文件夹下已经生成了package.json项目配置,这个时候的文档目录结构就成为了

Nexusapi
├── node_modules
├── package.json
└── yarn.lock

3、安装我们的核心依赖

(1)安装express

Express 是一个流行的 Node.js Web 应用程序框架,用来给砸门的项目来构建后台接口 用于构建 Rest API 帮助前后端实现通讯

(2)MySQL 数据库

Node.js 中连接 MySQL 数据库并编写后台接口,需要安装mysql依赖: mysql: 是一个 MySQL 客户端库,用于在 Node.js 中连接和操作 MySQL 数据库。你可以使用它执行 SQL 查询、插入、更新、删除等操作。

(3)cors 跨域使用

cors 提供 Express 中间件 CORS(跨源资源共享)是一种安全机制,用于控制在不同源之间的资源共享。当你在使用 Node.js 构建服务器时,可能会遇到跨域资源访问的问题,特别是在处理前端应用程序向服务器发送的 AJAX 请求时。

(1)cors(处理接口跨域)

下载cors,用于处理接口跨域问题

jsyarn add cors //安装cors
import cors from 'cors' //引入
app.use(cors());//使用

(2)cors (处理编码数据)

  • body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。
  • cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
  • multer - node.js 中间件,用于处理 enctype="multipart/form-data"(设置表单的MIME编码)的表单数据。
js$ yarn add  body-parser --save
$ yarn add  cookie-parser --save
$ yarn add  multer --save

app.js之中我们对数据进行优化处理

引入:

jsimport express from 'express'
import cors from 'cors'
import bodyParser from 'body-parser'

使用

js
const app = express();
app.use(express.json()); // 中间件,用于解析 POST 请求体中的 JSON 数据
app.use(cors());
app.use(bodyParser.json());  //配置解析,用于解析json和urlencoded格式的数据
app.use(bodyParser.urlencoded({extended: false}));

(4)body-parser(可选)

body-parser 中间件用来解析POST 请求中的数据,解析请求体中的 JSON 数据或表单数据,使用 body-parser 中间件来实现。在最新版本的 Express 中,express.json()express.urlencoded() 替代了 body-parser。 换句话说 req.body 对象 就是它提供的

(5)express-jwt

Express-jwt 是一个用于验证 JSON Web Tokens(JWT)的 Express 中间件。它使得在 Express 应用程序中验证 token 变得简单。

(6)jsonwebtoken

JSON Web Token(JWT)是一种用于安全传输信息的开放标准(RFC 7519)。在 Node.js 中,你可以使用 jsonwebtoken 模块来生成、解析和验证 JWT。以下是在 Node.js 中使用 jsonwebtoken 的基本步骤:

(7)multer

multer 是一个中间件,专门用于处理 multipart/form-data 类型的数据,主要用于上传文件。这种类型的数据主要用在表单中,特别是用于上传文件到服务器。

(8) ws模块

ws是易于使用的 WebSocket 客户端和服务器库,ws 模块为 Node.js 提供了一个便捷的方式来实现 WebSocket 功能,使得开发者可以轻松地构建支持实时双向通信的 Web 应用程序。WebSocket 是一种在 Web 应用程序中实现实时双向通信的协议,它允许服务器和客户端之间建立持久连接,以便实时地传输数据。 ws 模块的主要作用包括:

  1. WebSocket 服务器端实现ws 模块允许你在 Node.js 中轻松创建 WebSocket 服务器,从而使你的应用程序能够接受和处理来自客户端的 WebSocket 连接。
  2. WebSocket 客户端实现:除了服务器端实现外,ws 模块还提供了 WebSocket 客户端功能,使得你可以在 Node.js 中编写客户端代码来连接到 WebSocket 服务器,并与之进行双向通信。
  3. 简单易用ws 模块设计简单,易于使用,提供了一组直观的 API,使得创建 WebSocket 服务器和客户端变得非常容易。
  4. 高性能ws 模块具有良好的性能,适用于处理大量的 WebSocket 连接,并且可以有效地处理实时数据传输。

(9)dotenv(可选-未使用)

从环境变量中读取敏感信息,比如数据库连接信息,你可以使用 dotenv 模块。它允许你将这些信息存储在一个名为 .env 的文件中,并在应用程序中使用 process.env 来访问它们。

(10) ejs模块(可选)

  1. ejs(可选)可以在服务器端渲染聊天页面,你可以选择使用 ejs 或其他模板引擎。

(11) nodemon使用(可选)

js### 开发环境安装
npm install nodemon --save-dev

### 全局安装
npm install -g nodemon

### 验证安装成功没有
nodemon -v

### nodemon命令行参数配置帮助
nodemon --help

其他

  • corsOptions 这里设置了可访问后端的前端来源为 * ,这意味着任何前端都可以接入此后端。这样设置并不安全,为了避免「跨域问题」,先这么设置。之后请在这里限制可访问的前端服务器。

安装命令

jsyarn add express   1
yarn add mysql     2
yarn add cors      3
yarn add body-parser  4
yarn add express-jwt  5
yarn add jsonwebtoken 6
yarn add multer 7
yarn add ws 8
yarn add dotenv (暂时不使用)
yarn add ejs  (暂时不使用)
yarn add nodemon --save-dev  (暂时不使用)

4、启动 新建文件夹server,下面新建app.js文件,内容如下

jsconsole.log('我是Nexusapi服务器端!');

进入根目录下server文件以后cmd进行启动

jscd server
node app.js

控制台可以输出

js我是Nexusapi服务器端!

这个时候就证明砸门Node后台项目已经搭建好了。

Released under the MIT License.