当前位置：首页 > news >正文

从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(三) 实现注册登录接口

news 来源：原创 2025/9/15 7:35:50

1.划分文件夹

在src目录下创建controllers middleware models routes

controllers 放具体的方法 signup login

middleware 里面是中间件请求的验证

models 放对象实体

routes 处理访问路径像/signup /login 等等

2. 接口开发

系统的主要有用户认证和消息 2种类型服务

在index下面添加如下代码

import authRoutes from './routes/auth.route.js'
import bodyParser from 'body-parser'
import cookieParser from 'cookie-parser'// 解决req.body undefined问题
app.use(cookieParser())
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))
// 实现signup 注册接口 认证
app.use('/api/auth', authRoutes)

/api/auth 是路由前缀 authRoutes是处理请求的路由

在刚刚建好的routes文件夹下创建auth.route.js 内容如下

import express from 'express';import {signUp, login} from "../controllers/auth.controller.js"const router = express.Router();router.post('/signup', signUp)
router.post('/login', login)export default router;

在models下创建user.model.js 创建user对象schema 作用是和数据库关联（用法详见mongodb教程)


import mongoose from "mongoose";
const userSchema = new mongoose.Schema({email: {type: String,required: true,unique: true},password: {type: String,required: true,minlenght: 6},userName: {type: String,required: true},profilePic: {type: String,default: ''}
}, {timestamps: true});const User = mongoose.model('User', userSchema);export default User;

在lib文件夹下创建 util.js

import jwt from 'jsonwebtoken'export const generateToken = (userId,res) => {// 7天有效期const token = jwt.sign({userId},process.env.JWT_SECRET,{expiresIn:'7d'})res.cookie('jwt',token,{maxAge: 1000 * 60 * 60 * 24 * 7,httpOnly: true,sameSite: "strict",secure: process.env.NODE_ENV !== 'development'})return token
}

在 /server/.env下加 JWT_SECRET=mysecret 配置

在controllers文件夹下创建auth.controller.js 写我们的接口逻辑

import { generateToken } from "../lib/util.js";
import User from "../models/user.model.js";
import bcrypt from "bcryptjs";// 实现signup接口
export const signUp = async (req, res) => {const { userName,password, email } = req.body// TODO: implement signup// 判断字段是否全部输入try {if (!userName || !password || !email) {return res.status(400).json({ message: '缺失字段' })}// 判断密码长度if (password.length < 6) {return res.status(400).json({ message: '密码长度不能小于6位' })}// 判断用户名是否已存在const user = await User.findOne({ email })if(user) {return res.status(400).json({ message: '邮箱已存在' })}// 密码加密const salt = await bcrypt.genSalt(10)const hashPassword = await bcrypt.hash(password,salt)// 创建用户const newUser = new User({userName,email,password: hashPassword})// 保存用户if(newUser) {generateToken(newUser._id,res)await newUser.save()res.status(201).json({_id: newUser._id,userName: newUser.userName,email: newUser.email,profilePic: newUser.profilePic,})}} catch (err) {return res.status(500).json({ message: '内部服务器错误' })}
}// 登录
export const login = async (req, res) => {const {password, email} = req.bodytry {const user = await User.findOne({ email })if (!user) {return res.status(400).json({ message: '认证失败' })}// 比较密码const isMatch = await bcrypt.compare(password, user.password)if (!isMatch) {return res.status(400).json({ message: '认证失败' })}generateToken(user._id,res)res.status(200).json({_id: user._id,userName: user.userName,email: user.email,profilePic: user.profilePic})} catch (err) {return res.status(500).json({ message: '内部服务器错误' })}
}// 退出
export const logout = async (req, res) => {try {res.cookie("jwt","", {maxAge:0})res.status(200).json({ message: '退出成功' })} catch (err) {return res.status(500).json({ message: '内部服务器错误' })}
}

3. postman测试接口

1.signup 注册接口

密码输入1 小于6位

注册成功返回用户信息

查看数据库有我们刚才注册的信息并且密码也已加密

2.login 登录接口

返回用户信息登录成功

3. logout 登出

提示退出成功

以上就是本篇内容下篇我们实现前端注册注册页面并和后端接口联调。如有问题评论私信都可以联系我一起交流

从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(三) 实现注册登录接口

1.划分文件夹在src目录下创建controllers middleware models routes controllers 放具体的方法 signup login middleware 里面是中间件请求的验证 models 放对象实体 routes 处理访问路径像/signup /login 等等 2. 接口开发系统的主要有用户认证和消息 2种类型…...

编程日记 2025/9/15 7:35:50

Pytorch实现之浑浊水下图像增强

简介简介：这也是一篇非常适合GAN小白们上手的架构文章！提出了一种基于GAN的水下图像增强网络。这种网络与其他架构类似，生成器是卷积+激活函数+归一化+残差结构的组成，鉴别器是卷积+激活函数+归一化以及全连接层。损失函数是常用的均方误差、感知损失和对抗损失三部分。 …...

编程日记 2025/9/15 7:34:26

代码异常(js中forEach)NO.3

1. 环境 Vue3，Element Plsu 2. 示例代码 dataList.value.forEach((x) > {if (x.id ids.value[0]) {x { id: ids.value[0], ...form.value }}})3. 情景描述循环不能正确改变dataList.value里面的值 4. 原因在 JavaScript 中，forEach 的回调函…...

编程日记 2025/9/12 0:29:40

Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案

Vue 报错error:0308010C:digital envelope routines::unsupported 解决方案拿了一个比较老的项目部署在本地，然后先安装依赖npm install,最后npm run serve,在run serve的时候报错：报错error:0308010C:digital envelope routines::unsupported&#xff…...

编程日记 2025/9/9 14:35:49

stm32108键C-B全调性_动态可视化乐谱钢琴

108键全调性钢琴一基本介绍1 项目简介2 实现方式3 项目构成二实现过程0 前置基本外设驱动1 声音控制2 乐谱录入&基础乐理3 点阵屏谱点动态刷新4 项目交互控制5 录入新曲子过程三展示，与链接视频地址1 主要功能函数一览2 下载链接3 视频效果一基本介绍 …...

编程日记 2025/9/15 7:34:27

OpenIPC开源FPV之Adaptive-Link安装

OpenIPC开源FPV之Adaptive-Link安装 1. 源由2. 介绍2.1 天空端安装2.2 地面端安装 3. 问题汇总3.1 安装脚本问题3.2 网络安装问题3.3 非SSC30KQ/SSC338Q硬件3.4 代码疑问 4. 总结5. 后续 1. 源由鉴于飞行过程，发现一些马赛克现象，且60FPS桌面30FPS的录…...

编程日记 2025/9/15 7:34:27

2016年下半年试题二：论软件设计模式及其应用

论文库链接：系统架构设计师论文论文题目软件设计模式(Software DesignPatter)是一套被反复使用的、多数人知晓的、经过分类编目的代码设计经验的总结。使用设计模式是为了重用代码以提高编码效率增加代码的可理解性、保证代码的可靠性。软件设计模式是软件开发中的…...

编程日记 2025/9/13 22:42:56

UE（虚幻）学习（五）初学创建NPC移动和遇到的问题

最近在学习UE中遇到一些问题，把这些问题记录一下，因为实在废了很大功夫。在学习了UE5的例子中的第三人称移动Demo，想实现几个NPC在场景内移动。本来想自己写一个类，遇到一堆问题花费了好几天时间，所以我把问题写下来…...

编程日记 2025/9/14 13:56:48

《Keras 2 ：使用 RetinaNet 进行对象检测》：此文为AI自动翻译

《Keras 2 ：使用 RetinaNet 进行对象检测》作者：Srihari Humbarwadi 创建日期：2020/05/17 最后修改日期：2023/07/10 描述：实施 RetinaNet：用于密集对象检测的焦点损失。（i）此示例使用 Keras 2 在 Colab 中查看 • 介绍目标检测是计算机中非常重要的问题视觉。在…...

编程日记 2025/9/11 7:38:00

创建表并导入数据 CREATE TABLE sales (id INT,salesperson STRING,region STRING,sales_amount INT,sale_date DATE );INSERT INTO sales (id, salesperson, region, sales_amount, sale_date) VALUES (1, Alice, North, 1000, 2023-01-01), (2, Bob, South, 1500, 2023-01-0…...

编程日记 2025/9/14 10:27:08

mysql 学习19 MYSQL管理以及使用工具

系统数据库常用工具 mysql [rootCentOS7 home]# mysql -h192.168.245.131 -P3306 -uroot -pmimaroot -e "select * from tb_sanguo_user;" centositcast [rootCentOS7 home]# mysql -h192.168.245.131 -P3306 -uroot -pmimaroot centositcast -e "select * fr…...

编程日记 2025/9/15 7:33:54

Linux | RHEL / CentOS 中 YUM history / downgrade 命令回滚操作

注：英文引文，机翻未校。在 RHEL/CentOS 系统上使用 YUM history 命令回滚升级操作作者： 2daygeek 译者： LCTT DarkSun 为服务器打补丁是 Linux 系统管理员的一项重要任务，为的是让系统更加稳定，性能更加…...

编程日记 2025/9/15 7:33:54

JavaScript基础（函数及面向对象）

函数定义函数 Java定义方法： public 返回值类型方法名(){ return 返回值 } 定义函数方法一 eg：定义一个绝对值函数 function abs(x) {if (x>0){return x;}else {return -x;}} 调用函数： 注意：一旦执行到return代表函数…...

编程日记 2025/9/14 18:19:47

Open WebUI中的Pipelines是什么

Open WebUI中的Pipelines是什么 Open WebUI中的Pipelines（管道或流水线）是一种允许开发者定制使用大模型流程的机制，能为OpenAI兼容的UI客户端带来模块化、定制化的工作流。以下是一些Pipelines实例及使用方法：函数调用管道（Function Calling Pipeline）实例：假设要让…...

编程日记 2025/9/9 15:27:15

伪404兼容huawei生效显示404

根据上述思考，以下是详细的中文分步说明： --- **步骤 1：获取目标设备的User-Agent信息** 首先，我们需要收集目标设备的User-Agent字符串，包括： 1. **iPhone设备的User-Agent**： Mozi…...

编程日记 2025/9/15 7:33:53

Linux 病毒扫描工具 ClamAV 使用

Linux 病毒扫描工具 ClamAV 使用功能安装包管理器安装手动安装RPM/DEB包配置用户与目录更新病毒库基本使用命令扫描文件/目录常用参数高级配置实时监控（clamd服务）定时自动扫描常见问题解决病毒库更新失败权限错误扫描速度慢功能官网：h…...

编程日记 2025/9/9 15:20:07

Mobaxterm服务器常用命令（持续更新）

切换文件夹 cd path # for example, cd /gpu03/deeplearning/进入不同GPU ssh mgmt ssh gpu01 ssh gpu03寻找文件位置 find /path -name file_name #for example, find / -name lib #在根目录下搜寻名为lib文件 #for example, find /home/deeplearning -name "lib"…...

编程日记 2025/9/9 14:04:40

[特殊字符]《封印adb的黑暗通道：让系统文件成为魔法禁书区的终极指南》[特殊字符]

第一章：当adb变成泄密特洛伊木马 "曾经，adb是程序员的阿拉丁神灯，如今却成了产品经理的噩梦！" —— 某秃头CTO的血泪控诉某日，产品经理惊恐发现：自家黑科技APP竟被竞争对手用adb pull轻松窃取…...

编程日记 2025/9/12 22:19:24

LangChain教程 - RAG - 支持的100种向量数据库

系列文章索引 LangChain教程 - 系列文章随着人工智能和机器学习应用的快速发展，尤其是在自然语言处理（NLP）、图像识别、推荐系统等领域，对高效的向量存储和检索需求日益增长。向量存储用于保存来自深度学习模型或其他机器学习算…...

编程日记 2025/9/14 18:17:56

如何使用tushare pro获取股票数据——附爬虫代码以及tushare积分获取方式

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤 1.引入库2.读入数据总结一、Tushare 介绍 Tushare 是一个提供中国股市数据的API接口服务，它允许用户…...

编程日记 2025/9/8 18:56:09

ESP32S3：解决RWDT无法触发中断问题，二次开发者怎么才能使用内部RTC看门狗中断RWDT呢？

目录基于ESP32S3：解决RWDT无法触发中断问题引言解决方案1. 查看报错日志2. 分析报错及一步一步找到解决方法3.小结我的源码基于ESP32S3：解决RWDT无法触发中断问题引言在嵌入式系统中，RWDT（看门狗定时器）是确保系统稳定性的重要组件。然而，在某些情况下，RWDT可能无法…...

编程日记 2025/9/12 11:26:37

如何在视频中提取关键帧？

在视频处理中，提取关键帧是一项常见的任务。下面将介绍如何基于FFmpeg和Python，结合OpenCV库来实现从视频中提取关键帧的功能。实现思路使用FFmpeg获取视频的关键帧时间戳：FFmpeg是一个强大的视频处理工具，可以通过命令行获取…...

编程日记 2025/9/11 14:51:08

基于 Python 的电影市场预测分析系统设计与实现（源码 + 文档）

大家好，今天要和大家聊的是一款基于 Python 的“电影市场预测分析”系统的设计与实现。项目源码以及部署相关事宜请联系我，文末附上联系方式。项目简介基于 Python 的“电影市场预测分析”系统主要面向以下用户角色：电影制片方、电影发行…...

编程日记 2025/9/14 4:16:57

2022年全国职业院校技能大赛网络系统管理赛项模块A：网络构建（样题6）-网络部分解析-附详细代码

目录附录1：拓扑图附录2：地址规划表 1.SW1 2.SW2 3.SW3 4.SW4 5.VSU 6.SW7 7.R1 8.R2 9.R3 10.AC1 11.AC2 12.EG1 13.EG2 附录1：拓扑图附录2：地址规划表...

编程日记 2025/9/9 15:24:11

道路三维数字化技术产品方案介绍（软硬件一体，适用于各等级公路）

目录 1、方案介绍2、设备系统简介3、设备系统技术指标4、数据处理软件简介5、数据管理平台简介6、成果展示 1、方案介绍交通运输部印发《关于推进公路数字化转型加快智慧公路建设发展的意见》，推动公路建设、养护、运营等全流程数字化转型。提出了2027年和2035年的…...

编程日记 2025/9/10 13:54:06

速通HTML

目录 HTML基础 1.快捷键 2.标签 HTML进阶 1.列表 a.无序列表 b.有序列表 c.定义列表 2.表格 a.内容 b.合并单元格 3.表单 a.input标签 b.单选框 c.上传文件 4.下拉菜单 5.文本域标签 6.label标签 7.按钮标签 8.无语义的布局标签div与span 9.字符实体 HTML…...

编程日记 2025/9/10 12:44:34

从 Spring Boot 2 升级到 Spring Boot 3 的终极指南

一、升级前的核心准备 1. JDK 版本升级 Spring Boot 3 强制要求 Java 17 及以上版本。若当前项目使用 Java 8 或 11，需按以下步骤操作： 安装 JDK 17：从 Oracle 或 OpenJDK 官网下载，配置环境变量（如 JAVA_HOME&…...

编程日记 2025/9/10 12:34:31

Java 大视界 —— Java 大数据在智慧能源微电网能量管理中的关键技术（100）

💖亲爱的朋友们，热烈欢迎来到青云交的博客！能与诸位在此相逢，我倍感荣幸。在这飞速更迭的时代，我们都渴望一方心灵净土，而我的博客正是这样温暖的所在。这里为你呈上趣味与实用兼具的知识，也…...

编程日记 2025/9/14 0:16:32

springboot实现多文件上传

springboot实现多文件上传代码 package com.sh.system.controller;import org.springframework.http.HttpStatus; import org.springframework.http.ResponseEntity; import org.springframework.util.StringUtils; import org.springframework.web.bind.annotation.PostMap…...

编程日记 2025/9/10 13:07:46

vue自定义指令千分位

问题开发的时候经常会遇到需要在输入框中输入数字转为千分位，点击填写时又转为数字的情况解决因此直接在vue中注入自定义指令，通过使用自定义指令达到效果；限制input输入框只能输入数字和一位小鼠带你自定义指令-千分位 // 自定义指令-千…...

编程日记 2025/9/10 12:37:03

深入理解Redis：数据类型、事务机制及其应用场景

在当今快速发展的技术领域中，Redis作为一种高性能的内存数据库，已经被广泛应用于各种场景，从简单的缓存实现到复杂的数据处理任务。其灵活性和高效性主要来源于对多种数据结构的支持以及强大的功能特性，如事务处理、持久化选项、高…...

编程日记 2025/9/13 1:43:28

JVM生产环境问题定位与解决实战（三）：揭秘Java飞行记录器(JFR)的强大功能

提到飞行记录器，或许你的脑海中并未立刻浮现出清晰的画面，但一说起“黑匣子”，想必大多数人都能恍然大悟，知晓其重要性及用途。在航空领域，黑匣子作为不可或缺的设备，默默记录着飞行过程中的每一项关键数据…...

编程日记 2025/9/14 19:30:53

MongoDB私人学习笔记

俗话说“好记性不如烂笔头”，编程的海洋如此的浩大，养成做笔记的习惯是成功的一步！ 此笔记主要是ZooKeeper3.4.9版本的笔记，并且笔记都是博主自己一字一字编写和记录，有错误的地方欢迎大家指正。一、基础知识&#xf…...

编程日记 2025/9/14 17:18:45

Ant Design按钮样式深度适配：实现＜Button＞与＜a＞标签颜色完美同步

Ant Design按钮样式深度适配：实现与标签颜色完美同步问题现象诊断组件结构原型 <Button type"link" disabled{disabled}><a href"...">下载</a> </Button>样式冲突表现状态按钮颜色链接颜色视觉问题启用态Ant蓝…...

编程日记 2025/9/13 21:52:17

linux下软件安装、查找、卸载

目录常见安装方式有三种： 1.源码安装。 2.rpm安装方式。 3.yum/apt工具级别安装。对于前两种安装方式，因为软件可能有依赖关系（安装的软件依赖于某些库，而这些库又依赖于某些库，这些都需要手动安装）…...

编程日记 2025/9/10 11:02:29

鸿蒙开发深入浅出01（基本环境搭建、页面模板与TabBar）

鸿蒙开发深入浅出01（基本环境搭建、页面模板与TabBar） 1、效果展示2、下载 DevEco Studio3、创建项目4、新建页面模板5、更改应用信息6、新建以下页面7、Index.ets8、真机运行9、图片资源文件 1、效果展示 2、下载 DevEco Studio 访问官网根据自己的版本…...

编程日记 2025/9/10 12:56:53

【DeepSeek】-macOS本地终端部署后运行DeepSeek如何分析图片

【DeepSeek】-macOS本地终端部署后运行DeepSeek如何分析图片根据您的需求，目前需要了解以下几个关键点及分步解决方案： --- 一、现状分析 1. Ollama 的限制： - 目前Ollama主要面向文本大模型，原生不支持直接上传/处理图片 …...

编程日记 2025/9/14 10:51:15

微信小程序源码逆向 MacOS

前言日常工作中经常会遇到对小程序的渗透测试，微信小程序的源码是保存在用户客户端本地，在渗透的过程中我们需要提取小程序的源码进行问题分析，本篇介绍如何在苹果电脑 MacOS 系统上提取微信小程序的源码。 0x01 微信小程序提取在苹果电…...

编程日记 2025/9/13 1:43:42

2025年2月科技热点深度解析：AI竞赛、量子突破与开源革命

引言 2025年的科技领域持续呈现爆发式增长，AI大模型竞争白热化、量子计算商业化加速、开源工具生态繁荣成为本月最受关注的议题。本文结合最新行业动态，从技术突破、商业布局到开发者生态，全面解析当前科技热点，为读者提供深度洞…...

编程日记 2025/9/13 19:11:57

Wireshark简单教程

1.打开Wireshark,点击最上面栏目里面的“捕获”中的“选项” 2.进入网卡选择界面,选择需要捕获的选择，这里我选择WLAN 3.双击捕获选择出现下面界面 4.点击如下图红方框即可停止捕获 5.点击下图放大镜可以进行放大 6.你也可以查询tcp报文如下图...

编程日记 2025/9/10 4:55:46

stm32单片机个人学习笔记16（SPI通信协议）

前言本篇文章属于stm32单片机（以下简称单片机）的学习笔记，来源于B站教学视频。下面是这位up主的视频链接。本文为个人学习笔记，只能做参考，细节方面建议观看视频，肯定受益匪浅。 STM32入门教程-2023版细…...

编程日记 2025/9/14 3:06:47

面试题——简述Vue 3的服务器端渲染（SSR）是如何工作的？

面试题——简述Vue3的服务器端渲染（SSR）是如何工作的？ 服务器端渲染（SSR）已经成为了一个热门话题。Vue 3，作为一款流行的前端框架，也提供了强大的SSR支持。那么，Vue 3的SSR究竟是如何…...

编程日记 2025/9/11 17:47:53

Ubuntu 22.04安装K8S集群

以下是Ubuntu 22.04安装Kubernetes集群的步骤概要一、设置主机名与hosts解析 # Master节点执行 sudo hostnamectl set-hostname "k8smaster" # Worker节点执行 sudo hostnamectl set-hostname "k8sworker1"# 所有节点的/etc/hosts中添加： ca…...

编程日记 2025/9/13 21:51:08

Ubuntu搭建esp32环境配置打开AT指令集 websocket功能

1，搭建前提环境搭建参考乐鑫官网给的本地编译 ESP-AT 工程方法因为公司电脑和网络的特殊性，不能正确解析域名（仅在浏览器上可以访问） ，所以这边访问的时候改成了ssh 未了避免使用外网困难的问题，这里用…...

编程日记 2025/9/14 17:43:29

java八股文-消息队列

一、MQ基础篇 1. 什么是消息队列？ 消息队列（MQ）是分布式系统中实现异步通信的中间件，解耦生产者和消费者。 2. 使用场景有哪些？ 异步处理（如注册后发送邮件）系统解耦（不同服务通过…...

编程日记 2025/9/10 8:43:34

[晕事]今天做了件晕事65，gcc，cmake, pragam

文章目录晕事cmake，unity，对gcc pragma指令有没有影响pragma指令的影响pragma指令的使用规范使用注意事项：晕事最近在某些不能有优化的函数前加了指令 #pragma GCC optimize ("O0")我记得是这个指令只影响当前编译单元。但是被人找上来了，因为这个文件所牵…...

编程日记 2025/9/14 18:48:14

SAP-ABAP：使用ST05（SQL Trace）追踪结构字段来源的步骤

ST05 是 SAP 提供的 SQL 跟踪工具，可以记录程序运行期间所有数据库操作（如 SELECT、UPDATE、INSERT）。通过分析跟踪结果，可以精准定位程序中结构字段对应的数据库表。步骤1：激活ST05跟踪事务码 ST05 → 点击 Activa…...

编程日记 2025/9/10 12:35:30

STM32--SPI通信讲解

前言嘿，小伙伴们！今天咱们来聊聊STM32的SPI通信。SPI（Serial Peripheral Interface）是一种超常用的串行通信协议，特别适合微控制器和各种外设（比如传感器、存储器、显示屏）之间的通信。如果你…...

编程日记 2025/9/13 7:28:29

cpu、mem监控

deepseek 1、安装依赖2、psutil库3、streamlit库4、实战4.1 单机CPU和内存使用率监控4.2 多机CPU和内存使用率监控 1、安装依赖 /usr/bin/python3 -m pip install psutil streamlit2、psutil库 psutil是一个跨平台的Python库，用于获取系统使用情况的信息&#xf…...

编程日记 2025/9/10 13:07:17

工程实践中常见的几种设计模式解析及 C++ 实现

工程实践中常见的几种设计模式解析及 C 实现在软件工程中，设计模式是一种通用的解决方案，用于解决常见问题和优化代码结构。它们通过提供一种规范化的编程思想，帮助开发者写出更高效、可维护和可扩展的代码。本文将介绍几种在工程实践中常见…...

编程日记 2025/9/13 13:01:06