Appearance
❤Node环境安装和插件使用
1、环境检查
先来检查一下我们本地版本,确保环境无误,环境不一致的建议使用nvm管理nodejs版本,更换为一致的环境。
js
node -v
npm -v
这里是我本地的版本
js
v20.12.0 //node版本
10.5.0 //npm版本
2、项目搭建
找一个空的文件夹,采取英文命名。
js
mkdir Nexusapi //创建文件夹
cd Nexusapi
yarn init
这个时候我们Nexusapi文件夹下已经生成了package.json项目配置,项目文档目录结构如下
js
Nexusapi
├── node_modules
├── package.json
└── yarn.lock
3、安装依赖
安装核心依赖命令一览
js
yarn 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 (暂时不使用)
(1)express
Express 是一个流行的 Node.js Web 应用程序框架,用来给砸门的项目来构建后台接口 用于构建 Rest API 帮助前后端实现通讯
安装使用
js
yarn add express
(2)MySQL 数据库
Node.js 中连接 MySQL 数据库并编写后台接口,需要安装mysql依赖:
mysql: 是一个 MySQL 客户端库,用于在 Node.js 中连接和操作 MySQL 数据库。你可以使用它执行 SQL 查询、插入、更新、删除等操作。
js
yarn add mysql
(3)cors 跨域使用
cors 提供 Express 中间件 CORS(跨源资源共享)是一种安全机制,用于控制在不同源之间的资源共享。当你在使用 Node.js 构建服务器时,可能会遇到跨域资源访问的问题,特别是在处理前端应用程序向服务器发送的 AJAX 请求时。
cors(处理接口跨域)
下载cors,用于处理接口跨域问题
js
yarn add cors //安装cors
corsOptions
这里设置了可访问后端的前端来源为*
,这意味着任何前端都可以接入此后端。这样设置并不安全,为了避免「跨域问题」,先这么设置。之后请在这里限制可访问的前端服务器。
(4)body-parser(处理编码数据-可选-使用)
body-parser是node.js中间件,用于处理JSON,Raw,Text和URL编码的数据。
这个中间件用来解析POST请求中的数据,解析请求体中的JSON 数据或表单数据,使用 body-parser 中间件来实现。在最新版本的Express中,express.json()
和 express.urlencoded()
替代了 body-parser,换句话说,req.body 对象 就是它提供的
js
yarn add body-parser --save
app.js之中我们可以用来对数据进行优化处理
(5)express-jwt
Express-jwt 是一个用于验证 JSON Web Tokens(JWT)的 Express 中间件。它使得在 Express 应用程序中验证 token 变得简单
js
yarn add express-jwt --save
(6)jsonwebtoken
JSON Web Token(JWT)是一种用于安全传输信息的开放标准(RFC 7519)。在 Node.js 中,你可以使用 jsonwebtoken
模块来生成、解析和验证 JWT。以下是在 Node.js 中使用 jsonwebtoken
的基本步骤:
js
yarn add express-jwt --save
//导入jsonwebtoken生成 jwt 字符串的包
const jwt = require("jsonwebtoken");
// 使用jsonwebtoken
secretKey是自己定义的密码盐(就是自定义的字符串)
var tokenStr = jwt.sign({username: req.body.username },secretKey, { expiresIn: '24h' });
这里注册的tokenStr就是我们的有效Token,可以理解为一种身份认证牌子。
(7)multer
multer
是一个node.js中间件,专门用于处理 multipart/form-data
(enctype="multipart/form-data"设置表单的MIME编码)类型的表单数据,主要用于上传文件。这种类型的数据主要用在表单中,特别是用于上传文件到服务器。
js
yarn add multer --save
(8)ws模块
ws是易于使用的 WebSocket 客户端和服务器库,ws
模块为 Node.js 提供了一个便捷的方式来实现 WebSocket 功能,使得开发者可以轻松地构建支持实时双向通信的 Web 应用程序。WebSocket 是一种在 Web 应用程序中实现实时双向通信的协议,它允许服务器和客户端之间建立持久连接,以便实时地传输数据。 ws
模块的主要作用包括:
- WebSocket 服务器端实现:
ws
模块允许你在 Node.js 中轻松创建 WebSocket 服务器,从而使你的应用程序能够接受和处理来自客户端的 WebSocket 连接。 - WebSocket 客户端实现:除了服务器端实现外,
ws
模块还提供了 WebSocket 客户端功能,使得你可以在 Node.js 中编写客户端代码来连接到 WebSocket 服务器,并与之进行双向通信。 - 简单易用:
ws
模块设计简单,易于使用,提供了一组直观的 API,使得创建 WebSocket 服务器和客户端变得非常容易。 - 高性能:
ws
模块具有良好的性能,适用于处理大量的 WebSocket 连接,并且可以有效地处理实时数据传输。
(9)dotenv(可选-未使用)
从环境变量中读取敏感信息,比如数据库连接信息,你可以使用 dotenv 模块。它允许你将这些信息存储在一个名为 .env
的文件中,并在应用程序中使用 process.env
来访问它们。
(10)ejs模块(可选)
- ejs(可选)可以在服务器端渲染聊天页面,你可以选择使用 ejs 或其他模板引擎
(11)nodemon使用(可选)
🍓 nodemon
用于自动重启 Node.js 应用的工具。它监视文件的变化,并在源代码发生变化时自动重新启动应用,用于开发环境提升开发效率。
js
### 开发环境安装
npm install nodemon --save-dev
### 全局安装
npm install -g nodemon
### 验证安装成功没有
nodemon -v
### nodemon命令行参数配置帮助
nodemon --help
🍓 使用
JS
之前我们启动服务器是这样启动的
node app.js
现在我们使用nodemon启动服务器
nodemon app.js
(12)cookie-parser(可选-未使用)
就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。
js
yarn add cookie-parser --save
4、引入和使用
引入:
js
import 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}));
5、启动
新建文件夹server,下面新建app.js文件,内容如下
js
console.log('我是Nexusapi服务器端!');
进入根目录下例如server文件以后cmd进行启动
js
cd server(你的根目录文件目录下,如果app在根目录下则不需要)
node app.js
控制台可以输出
js
我是Nexusapi服务器端!
这个时候就证明砸门Node后台项目已经搭建好了。