基于React.js实现邮件告警推送功能的全栈实现方案咨询

技术选型（新手友好版） #

和你前端用的JavaScript技术栈对齐，不用额外学习新语言，门槛最低：

• 后端框架：Node.js + Express
• 数据库：优先选SQLite，无需单独安装数据库服务，本地直接存文件；如果后续数据量大可替换为MySQL
• 定时任务工具：node-cron 第三方库，直接配置规则就能触发定时逻辑
• 邮件发送工具：nodemailer 第三方库，支持所有主流邮箱服务商的SMTP协议发送邮件
• 登录鉴权：用JWT做登录态校验，不用复杂的session管理，前后端对接成本极低

核心功能实现步骤 #

2.1 后端接口开发 #

先建数据库表alert_subscribe，核心字段如下：

需要开发的3个核心接口：

• 登录接口：接收前端传的账号密码，校验通过后返回JWT token
• 告警订阅接口：校验请求携带的JWT是否合法，接收前端传的注册号、邮箱，写入alert_subscribe表，is_active设为true
• 可选的取消订阅接口：把对应记录的is_active设为false即可

2.2 React前端适配 #

• 登录页：调用登录接口拿到token后，存在localStorage里，后续所有业务请求都在请求头里携带Authorization: Bearer ${token}
• 告警订阅页：用户点击订阅按钮时，先判断本地是否有有效token，再把当前用户的注册号、用户填写的邮箱传给后端订阅接口，请求成功后弹出订阅成功提示即可

2.3 定时任务与告警发送逻辑 #

• 用node-cron配置定时规则，0 */30 * * * * 这个表达式就代表每30分钟触发一次任务
• 任务触发后，先从数据库查询所有is_active = true的订阅记录
• 遍历每条记录，用对应register_no作为参数调用告警查询API，加异常捕获避免个别请求失败导致整个任务终止
• 若API返回有告警信息，调用nodemailer给对应记录的email发送告警邮件，内容可自定义为文本或HTML格式

新手避坑提示 #

• JWT秘钥、邮箱SMTP授权码存在后端环境变量里，不要硬写在代码中避免泄露
• 可加告警去重逻辑，相同告警内容24小时内不要重复发送给同一个用户
• 本地调试时可以把定时任务间隔改成1分钟，逻辑跑通后再改为30分钟

内容的提问来源于stack exchange，提问作者firebredd