Skip to content

❤Node环境安装和插件使用

1、环境检查

先来检查一下我们本地版本,确保环境无误,环境不一致的建议使用nvm管理nodejs版本,更换为一致的环境。

js
node -v
npm -v

这里是我本地的版本

js
v20.12.0 //node版本
10.5.0 //npm版本

image.png

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 模块的主要作用包括:

  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使用(可选)

🍓 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

就是一个解析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后台项目已经搭建好了。

Released under the MIT License.