node使用session存储校验验证码

本文介绍了如何在 Node.js 的 Express 框架中配置 express-session 和 cookie-parser 来实现会话管理。首先,通过 npm 安装相关依赖,然后在 app.js 中设置 session 中间件,并存储验证码。在处理登录请求时,对比 session 中存储的验证码。同时,针对可能出现的跨域问题,设置了 CORS 头部,确保携带 cookie 进行跨域请求。

一、安装依赖

npm install express-session
npm install cookie-parser

二、app.js中注册使用

//注意要放到注册路由之前
const session = require('express-session')
// 使用express-session 来存放数据到session中
app.use(
    session({
        secret: 'keyboard cat',
        resave: false,
        saveUninitialized: true,
        cookie: { secure: true }
    })
)

三、存储验证码、比对验证码

app.get('/api/v1/login/code', (req, res) => {
	// 将验证码存入到 session 中
	req.session.verificationCode = '123456' 
});
app.post('/api/v1/login',(req,res) => {
	const {code} = req.body
    // code 获取传递的验证码 ,如果不相等,验证码错误
   	if(code.toLocaleUpperCase() !== req.session.verificationCode ){
   		
   	}
})

四、如果出现取值为undefined的情况

import axios from 'axios';
axios.defaults.withCredentials=true; //跨域携带cookie
// 跨域设置
app.all("*", function(req, res, next) {
	if (!req.get("Origin")) return next();
	// use "*" here to accept any origin
	res.set("Access-Control-Allow-Origin",req.headers.origin);  
	res.set("Access-Control-Allow-Methods", "GET");
	res.set("Access-Control-Allow-Headers", "X-Requested-With, Content-Type");
	res.header('Access-Control-Allow-Credentials', 'true');
	// res.set('Access-Control-Allow-Max-Age', 3600);
	if ("OPTIONS" === req.method) return res.sendStatus(200);
	next();
});
### 使用 React Node.js Express 实现阿里云验证码登录 #### 前端部分 (React) 为了集成阿里云验证码服务,在前端项目中需要安装 `aliyun-captcha` SDK 并创建相应的组件用于展示验证。 ```javascript // src/components/CaptchaLogin.jsx import React, { useState } from 'react'; import Captcha from '@alicloud/captcha'; function CaptchaLogin() { const [captchaToken, setCaptchaToken] = useState(''); function handleCaptchaSuccess(token) { setCaptchaToken(token); } return ( <div> <h2>登录</h2> <form onSubmit={(e) => handleSubmit(e)}> {/* 用户名输入框 */} <input type="text" id="username" name="username" required /> {/* 验证码显示区域 */} <Captcha onSuccess={handleCaptchaSuccess} /> {/* 提交按钮 */} <button type="submit">提交</button> </form> {captchaToken && <p>CAPTCHA Token: {captchaToken}</p>} </div> ); } export default CaptchaLogin; ``` 此代码片段展示了如何通过 `@alicloud/captcha` 组件获取用户的验证码令牌并将其存储到状态变量 `captchaToken` 中[^1]。 #### 后端部分 (Node.js & Express) 后端负责处理来自客户端的请求以及同阿里云的服务交互。首先配置好环境依赖: ```bash npm install express body-parser axios aliyun-sdk cors ``` 接着编写路由逻辑来接收从前端传来的数据,并调用阿里云接口完成最终的身份验证过程。 ```javascript const express = require('express'); const bodyParser = require('body-parser'); const axios = require('axios'); require('dotenv').config(); const app = express(); app.use(bodyParser.json()); app.use(cors()); app.post('/api/login', async (req, res) => { try { const response = await axios({ method: 'POST', url: `${process.env.ALIYUN_CAPTCHA_VERIFY_URL}`, headers: {'Content-Type': 'application/json'}, data: JSON.stringify({ sessionid: req.body.sessionId, token: req.body.captchaToken, scene: process.env.CAPTCHA_SCENE || '' }) }); if(response.data.success){ // 登录成功后的业务逻辑... console.log(`User ${req.body.username} logged in successfully.`); res.status(200).send({ message: "Verification succeeded." }); } else{ throw new Error("Failed to verify captcha."); } } catch(error){ console.error(error.message); res.status(400).json({ error: error.message }); } }); const PORT = process.env.PORT || 5000; app.listen(PORT, () => { console.log(`Server running on port ${PORT}`); }); ``` 这段脚本实现了基本的 RESTful API 来接受 POST 请求 `/api/login`,其中包含了必要的参数如用户名、会话 ID 及 CAPTCHA 的令牌值。之后利用 Axios 库发送 HTTP 请求给阿里云进行二次校验[^2]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值