express实现邮箱验证码发送

借助nodemailer库快速实现发送邮件

安装nodemailer

npm i nodemailer

controller/emailSendController.js下实现发送功能

const nodemailer = require("nodemailer");

class EmailSendController {
    sendEmailFunc (req, res) {
        const transporter = nodemailer.createTransport({
            service: '163',  //  邮箱
            secure: true,    //  安全的发送模式
            // port: 465,
            auth:{
                user: 'test@163.com', //  发件人邮箱
                pass: 'XYIDERUDVKTCLXXX' //  授权码
            }
        });

        // 六位数随机验证码生成
        let code = Math.random().toString(16).slice(2, 8).toUpperCase();
        
        // 发送邮件
        transporter.sendMail(
            {
                // 发件人邮箱
                from: 'test@163.com',
                // 邮件标题
                subject: '测试验证码',
                // 目标邮箱
                to: '111222998@qq.com',
                // 邮件内容
                text: `您的验证码是:${code},如非本人操作,请忽略`
            },
            (err, data) => {
                if (err) {
                    console.error(err);
                    res.send({
                        code: 0,
                        msg: "error",
                        data: err,
                      });
                }
                else{
                    console.log(data);
                    res.send({
                        code: 0,
                        msg: "sucess",
                        data: data,
                      });
                }
            }
        );
        
    }
}

module.exports = new EmailSendController()

在routes/user.js写一个接口测试


const express = require("express");
const router = express.Router();

router.get('/sendEmail', sendEmailFunc)

module.exports = router;

启动服务然后访问路由:http://localhost:3000/sendEmail,查看发送目标邮件是否接收到验证码即可

注意事项:
发送人首次使用163.com邮箱需要在邮箱的“设置”里面开启POP3/SMTP/IMAP的
IMAP/SMTP服务,以便获取授权验证码,以上模拟的例子:XYIDERUDVKTCLXXX 就是授权验证码,每个人的都不一样,自己操作获取即可

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现发送验证码,需要借助后端接口来发送短信。以下是一个基于 Vue.js 的示例代码: 1. 首先,在 HTML 中添加一个表单: ```html <template> <div> <form @submit.prevent="sendVerificationCode"> <input type="text" v-model="phone" placeholder="请输入手机号码"> <button type="submit">发送验证码</button> </form> </div> </template> ``` 2. 在 Vue.js 中,定义一个 `sendVerificationCode` 方法来发送验证码: ```javascript <script> import axios from 'axios'; export default { data() { return { phone: '', }; }, methods: { sendVerificationCode() { axios.post('/api/sendVerificationCode', { phone: this.phone }) .then(response => { console.log(response.data); alert('验证发送成功!'); }) .catch(error => { console.log(error.response.data); alert('验证发送失败!'); }); }, }, }; </script> ``` 3. 在后端接口中,根据手机号码发送短信验证码。这里使用了 axios 库来发送 POST 请求,后端接口需要返回一个 JSON 格式的数据。 ```javascript const express = require('express'); const nexmo = require('nexmo'); const app = express(); const bodyParser = require('body-parser'); const nexmoClient = new nexmo({ apiKey: process.env.NEXMO_API_KEY, apiSecret: process.env.NEXMO_API_SECRET, applicationId: process.env.NEXMO_APPLICATION_ID, privateKey: process.env.NEXMO_PRIVATE_KEY_PATH, }); app.use(bodyParser.json()); app.post('/api/sendVerificationCode', (req, res) => { const { phone } = req.body; nexmoClient.verify.request({ number: phone, brand: 'My App', code_length: '4', }, (err, result) => { if (err) { console.error(err); res.status(500).send(err); } else { console.log(result); res.json(result); } }); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 以上就是一个基于 Vue.js 和 Nexmo 的发送验证码示例,你可以根据自己的需求和后端接口来进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

追逐梦想之路_随笔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值