nodejs实现邮箱发送验证码功能

更新时间：2024年07月17日 08:29:19 作者：前端梭哈攻城狮

开发个人网站时,注册页面可以使用邮箱验证,于是记录一下如何用nodejs/express服务器实现邮箱发送验证码,不仅可以在邮箱注册时使用,还可以拓展用于各种安全验证,本文给大家介绍了使用nodejs实现邮箱发送验证码功能,需要的朋友可以参考下

1、前言

开发个人网站时，注册页面可以使用邮箱验证，于是记录一下如何用nodejs/express服务器实现邮箱发送验证码，不仅可以在邮箱注册时使用，还可以拓展用于各种安全验证。

2、依赖包

nodejs服务器需要 express，另外就是我们发送邮箱的包 nodemailer , cors解决跨域用于测试

npm i express nodemailer cors

3、使用qq邮箱获取授权码

1）首先封装 nodemailer.js 文件，添加基本配置，配置前需要得到邮箱类型的 port 和 secure 还有邮箱stmp授权码。

2）//node_modules/nodemailer/lib/well-known/services.json 可以查看相关的配置，比如这里是qq邮箱，port为465，secure为true。

3）邮箱---设置--账户--POP3/SMTP服务---开启---获取stmp授权码

最终获取到授权码

4、代码实现

1）创建nodemailer.js文件

const nodemailer = require('nodemailer')

let nodeMail = nodemailer.createTransport({
  service: "qq", //类型qq邮箱
  port: 465, //上文获取的port
  secure: true, //上文获取的secure
  auth: {
    user: "779217162@qq.com", // 发送方的邮箱，可以选择你自己的qq邮箱
    pass: "上文获取的stmp授权码", // 上文获取的stmp授权码
  },
});

module.exports = nodeMail

2）创建app.js

//app.js
const express = require("express");
const cors = require("cors");
const nodeMail = require("./nodemailer.js");

const app = express();
app.use(express.static("public"));

app.use(express.json());
app.use(cors());

app.post("/api/email", async (req, res) => {
  const email = req.body.email;
  const code = String(Math.floor(Math.random() * 1000000)).padEnd(6, "0"); //生成6位随机验证码
  //发送邮件
  const mail = {
    from: `"faker前端开发"<779217162@qq.com>`, // 发件人
    subject: "验证码", //邮箱主题
    to: email, //收件人，这里由post请求传递过来
    // 邮件内容，用html格式编写
    html: `
             <p>您好！</p>
             <p>您的验证码是：<strong style="color:orangered;">$[code]</strong></p>
             <p>如果不是您本人操作，请无视此邮件</p>
         `,
  };
  await nodeMail.sendMail(mail, (err, info) => {
    if (!err) {
      res.json({ msg: "验证码发送成功" });
    } else {
      res.json({ msg: "验证码发送失败，请稍后重试" });
    }
  });
});

app.listen(3123, () => {
  console.log("服务开启成功 , http:www.localhost:3123");
});

3）创建/public/index.html文件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>发送邮件</title>
  </head>
  <body>
    <button onclick="sendMail()">发送邮件</button>
    <script>
      async function sendMail() {
        console.log("发送邮件");
        const res = await fetch("/api/email", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify({
            email: "991584844@qq.com",
          }),
        });
        const data = await res.json();
        console.log(data);
      }
    </script>
  </body>
</html>

目录结构为：

5、发送效果

发送邮件： 779217162@qq.com ===> 991584844@qq.com

6、源码地址

github: https://github.com/ArcherNull/Archer/tree/main/nodejs-mailer

以上就是nodejs实现邮箱发送验证码功能的详细内容，更多关于nodejs邮箱发送验证码的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

nodejs的路径问题的解决
这篇文章主要介绍了nodejs的路径问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
NodeJs实现定时任务的示例代码
本篇文章主要介绍了NodeJs实现定时任务的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
express中间件加载机制示例详解
中间件是一种方法,可以接收客户端发来的请求,可以对请求做出响应,也可以将请求继续交给下一个中间件继续处理,下面这篇文章主要给大家介绍了关于express中间件加载机制的相关资料,需要的朋友可以参考下
2022-08-08
nodejs中art-template模板语法的引入及冲突解决方案
本篇文章主要介绍了nodejs中art-template模板语法的引入及冲突解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
Node.js和Express简单入门介绍
本篇文章主要介绍了Node.js和Express简单入门介绍，详细介绍如何用Node.js和Express搭建一个web服务器，有兴趣的可以了解一下。
2017-03-03
node koa2 ssr项目搭建的方法步骤
这篇文章主要介绍了node koa2 ssr项目搭建的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12
如何在node.js中使用JsonWebToken模块进行token加密
目前在web框架中最流行的身份验证是使用jsonwebtoken,简称jwt.可以设置加密方式,过期时间,存放个人信息,逆解析,下面这篇文章主要给大家介绍了关于如何在node.js中使用JsonWebToken模块进行token加密的相关资料,需要的朋友可以参考下
2023-03-03
nodejs入门教程二：创建一个简单应用示例
这篇文章主要介绍了nodejs入门教程之创建一个简单应用的方法,涉及nodejs http模块的引用、端口监听等相关操作技巧,需要的朋友可以参考下
2017-04-04
node.js 发布订阅模式的实例
下面小编就为大家带来一篇node.js 发布订阅模式的实例。小编觉得挺不错的，现在就想给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
解决node.js安装包失败的几种方法
nodejs安装包失败的原因可能有很多，下面这篇文章给大家整理三种方法来解决，大家可以试一试或许可以解决你的问题，下面来一起看一看。
2016-09-09