node脚手架搭建服务器实现token验证的方法

网络编程 2024/12/22 佚名

3 1 2

内容

用脚手架快速搭建 node 项目
用 mysql 连接池实现与数据库的交互
用 jsonwebtoken 实现 token 身份验证
综合案例：用简介登录页面实现上述内容

1. 快速搭建 node 项目

我们都知道 express 框架可高效的开发 node 服务器，但对于底层的搭建还要靠自己手写。然而 express-generator 的出现就很好地解决了此问题，它可一键为我们生成项目基本骨架，可谓node 脚手架

1.1 生成项目

①：首先全局安装 express ： npm install express -g
②：接着全局安装 express-generator：npm install express-generator -g
③：然后使用命令创建项目： express token_learn(项目名称)

1.2 修改入口文件

对于好多习惯了手撸服务器的人，app.js 总是让人难忘，奈何此骨架中入口文件为 www.js。此时我们可以手动修改app.js 代码，让其成为我们的入口文件

示例：

var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');

const index = require('./routes/index');
const users = require('./routes/users');

const app = express();

app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

app.listen(3000, () => console.log('server is run 3000'))

2. 连接mysql 数据库

此处采用连接池的方式进行连接（高效安全）

2.1 创建连接

①：安装 mysql 模块：npm i mysql
②：在项目根目录下配置连接池

首先在项目根目录下创建 util 文件夹，文件夹下创建 bdconfig.js 文件

bdconfig.js

const mysql = require('mysql');

module.exports = {
  mysqlParams: {
    host: 'localhost', //域名
    port: '3306', //端口
    user: 'root', //用户名
    password: 'myroot', //密码
    database: 'nodeapi' //数据库
  },
  sySqlConnect(sql, sqlArr) {
    return new Promise((resolve, reject) => { //用Promise对象将其改造，方便接收数据
      const pool = mysql.createPool(this.mysqlParams);
      pool.getConnection((err, conn) => {
        if (err) {
          reject(err)
        } else {
          conn.query(sql, sqlArr, (err, data) => { //操作数据库
            if (err) {
              reject(err)
            } else {
              resolve(data)
            }
          })
          conn.release() //释放连接
        }
      })
    })
  }
}

2.2 使用连接

使用时只需要传入 sql(sql语句)、sqlArr(参数)，通过Promise 改造后可直接用返回值拿到结果

3. token 身份验证

随着web 的发展，session、cookie 的验证方式弊端也愈发突出，此时token孕育而生，token的强大不仅限于其是无状态的，还在于它可以跨域

3.1 实现步骤

①：首先安装 jsonwebtoken 模块：npm i jsonwebtoken
②：接着在项目中使用该模块

const dbConfig = require('../util/dbconfig');
const jwt = require('jsonwebtoken');
const secret = 'login-rule'; //秘钥规则（自定义）

token = async(req, res, next) => { //定义token验证中间件函数（应用于除登录外的每个请求）
  if (req.headers.authorization) {
    const token = req.headers.authorization;
    const { id, username } = jwt.verify(token, secret); // 对token进行解密查找
    let sql = 'select * from test where id="htmlcode">

// 写在 app.use() 之后，路由之前
app.use('/users/loginjwt', token.login); //登录接口（无需验证token,所以写在token中间件之前）
app.use(token.token);




4. 案例实现 token


4.1 原理阐述


为确保身份唯一且有效：用户每次发送登录请求且登录成功，服务器端都会响应给用户一个含用户信息（唯一）的加密 token（字符串），此时用户接收到 token，并把 token 存储在 sessionStorage 或 localStorage中（此处为）。同时用户每次发送其他请求时，在请求头中携带本地的 token，服务器端 token验证中间件拦截请求，对 token进行解密，得到用户信息并与数据库比对，信息存在则放行（身份验证成功）。
4.2 效果预览



4.3 开始实现


写简洁静态页面，且实现ajax 请求
login.html


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="/UploadFiles/2021-04-02/jquery.min.js">

index.html


<script>
  if (!sessionStorage.getItem('token')) {
    location.href = '/user/login.html'
  }
</script>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="/UploadFiles/2021-04-02/jquery.min.js">

4.4 注意点


值得注意的是，对于 本地 token 的验证（是否存在）一定要写在页面最顶端（防止页面加载，再次发送用户列表请求）

对于 ajax请求头，一个一个加真的很烦，此处用 $ajaxSetup方法，修改ajax 的默认配置 。配置过后，写在其下边的 ajax 请求，都会带上请求头。

                                
                                
                                    node,token验证,node脚手架搭建 
                                华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

评论“node脚手架搭建服务器实现token验证的方法”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年12月22日

node脚手架搭建服务器实现token验证的方法

内容

1. 快速搭建 node 项目

1.1 生成项目

1.2 修改入口文件

2. 连接mysql 数据库

2.1 创建连接

2.2 使用连接

3. token 身份验证

3.1 实现步骤

4. 案例实现 token

4.1 原理阐述

4.2 效果预览

4.3 开始实现

4.4 注意点

vue实现按钮切换图片

Vue实现图书管理案例

评论“node脚手架搭建服务器实现token验证的方法”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接