广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >如何利用node实现发送QQ邮箱验证码
  • 662
分享到

如何利用node实现发送QQ邮箱验证码

2024-04-02 19:04:59 662人浏览 独家记忆
摘要

目录开通QQ邮箱POP3/SMTP服务获取qq邮箱授权码搭建node接口服务开始安装插件开始编写index.js文件程序声明并定于发送邮件函数编写connect、body-parse

开通QQ邮箱POP3/SMTP服务

登录QQ邮箱网址,进入设置选择账户tab页翻到最低下开启此服务

获取qq邮箱授权码

搭建node接口服务

思路

  • 创建index.js文件
  • 安装connect、body-parser、nodemailer模块
  • 编写引入connect框架
  • 编写引入bodyParser模块
  • 引入nodemailer模块

开始安装插件

使用cmd命令提示或者git一次执行以下安装命令

开始编写index.js文件程序

引入各个模块

let connect = require('connect'),         // 引入connect模块
    bodyParser = require('body-parser'),  // 引入body-parser解析模块
    nodemailer = require('nodemailer');   // 引入nodemailer模块

声明并定于发送邮件函数

async function sendMail(text,receive) {
	let user = "703669046@qq.com";//自己的邮箱
	let pass = "sfsdfsdfsggxcew"; //qq邮箱授权码
	let to = `${receive}@qq.com`; //对方的邮箱
	let transporter = nodemailer.createTransport({
		host: "smtp.qq.com",
		port: 587,
		secure: false,
		auth: {
			user: user, // 用户账号
			pass: pass, //授权码,通过QQ获取
		},
	});
	let info = await transporter.sendMail({
		from: `测试node发送邮箱<${user}>验证码`, // sender address
		to: `测试验证码<${to}>`, // list of receivers
		subject: "测试验证码", // Subject line
		text: text, // plain text body
	});
}

编写connect、body-parser解析模块

var app = connect()
	.use(bodyParser.JSON())   //JSON解析
	.use(bodyParser.urlencoded({ extended: true }))
	//use()方法还有一个可选的路径字符串,对传入请求的URL的开始匹配。
	//use方法来维护一个中间件队列

跨域请求设置

	.use(function (req, res, next) {
		//跨域处理
		// WEBsite you wish to allow to connect
		res.setHeader('Access-Control-Allow-Origin', '*');  //允许任何源
		// Request methods you wish to allow
		res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');  //允许任何方法
		// Request headers you wish to allow
		res.setHeader('Access-Control-Allow-Headers', '*');   //允许任何类型
		res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8" });    //utf-8转码
		next();  //next 方法就是一个递归调用
	})

编写发送qq邮箱验证码接口

	.use('/emails', function (req, res, next) {
		let qqEmail= req.body.email;
		var obj = {
			code:Math.ceil(Math.random()*1000)
		};
		let text=`验证码:${obj.code}.您正在使用登录功能,验证码提供他人可能导致账号被盗,请勿转发或泄漏`
		sendMail(text,qqEmail)
		res.end(JSON.stringify(obj))
		next();
	})

设置端口

在var app = connect()后面接上

.listen(3331);

启动node服务

在index.js当前文件下开启cmd命令提示符或者Git命令框执行node index.js命令

前端模块

我是使用Vue-cli+elementui

<template>
    <div>
        <el-fORM
            :model="ruleForm"
            status-icon
            ref="ruleForm"
            label-width="100px"
            class="demo-ruleForm"
        >
            <el-form-item label="QQ" prop="email">
                <el-input type="email" v-model="ruleForm.email" autocomplete="off"></el-input>
                <el-button @click="handleCode">获取验证码</el-button>
            </el-form-item>
            <el-form-item label="验证码" prop="code">
                <el-input v-model.number="ruleForm.code"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
                <el-button @click="resetForm('ruleForm')">重置</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

效果图

js请求代码部分

import ajax from '../../utli/request'

export const getCheckCode = param => ajax.$post('/emails', param || {});

js事件部分

<script>
import {getCheckCode} from './api/form'
export default {
    data() {
        return {
            ruleForm: {
                email: "",
                checkPass: "",
                code: ""
            },
        };
    },
    methods: {
        submitForm(formName) {
            this.$refs[formName].validate(valid => {
                if (valid) {
                    alert("submit!");
                } else {
                    console.log("error submit!!");
                    return false;
                }
            });
        },
        resetForm(formName) {
            this.$refs[formName].resetFields();
        },
        async handleCode(){
            let params= {
                email:this.ruleForm.email
            }
            let res = await getCheckCode(params);
            if(res.state==200){
                console.log(res)
            }
        }
    }
};
</script>

发送qq验证给用户

成功收到邮箱验证码

总结

到此这篇关于如何利用node实现发送QQ邮箱验证码的文章就介绍到这了,更多相关node发送QQ邮箱验证码内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 如何利用node实现发送QQ邮箱验证码

本文链接: https://www.lsjlt.com/news/145995.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何利用node实现发送QQ邮箱验证码
    目录开通QQ邮箱POP3/SMTP服务获取qq邮箱授权码搭建node接口服务开始安装插件开始编写index.js文件程序声明并定于发送邮件函数编写connect、body-parse...
    99+
    2022-11-13
  • 怎么利用node实现发送QQ邮箱验证码
    这篇文章主要介绍“怎么利用node实现发送QQ邮箱验证码”,在日常操作中,相信很多人在怎么利用node实现发送QQ邮箱验证码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么利用node实现发送QQ邮箱验证码...
    99+
    2023-06-30
  • java实现发送邮箱验证码
    本文实例为大家分享了java实现发送邮箱验证码的具体代码,供大家参考,具体内容如下 添加依赖 <!-- 邮箱验证码 https://mvnrepository.com/ar...
    99+
    2022-11-12
  • nodejs实现发送邮箱验证码功能
    本文实例为大家分享了nodejs实现发送邮箱验证码的具体代码,供大家参考,具体内容如下 今天做了个小demo,是用nodejs实现注册时(当然在别的地方也是可以用的)的邮箱验证功能,...
    99+
    2022-11-13
  • django注册用邮箱发送验证码的实现
    视图代码 lis = []#设置一个空列表用来存放发送的验证码,用来验证 def yzm1(): res1 = "" for i in range(4):#用四...
    99+
    2022-11-12
  • 使用SpringBoot发送邮箱验证码的简单实现
    目录题外话提前准备2.1 配置邮箱第三方登录2.1.1 点击设置——账户2.1.2 开启POP3/SMTP服务2.2 添加依赖2.3 yaml配置进入主题测试...
    99+
    2023-05-18
    SpringBoot 验证码 SpringBoot 邮箱发送
  • nodejs怎么实现发送邮箱验证码功能
    这篇文章主要讲解了“nodejs怎么实现发送邮箱验证码功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“nodejs怎么实现发送邮箱验证码功能”吧!1、使用模块:nodemailer安装:n...
    99+
    2023-06-30
  • 使用django怎么实现发送验证码注册邮箱
    这篇文章将为大家详细讲解有关使用django怎么实现发送验证码注册邮箱,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。视图代码lis = []#设置一个空列表用来存放发送的...
    99+
    2023-06-14
  • 如何使用springboot整合redis实现发送邮箱并验证
    这篇文章主要为大家展示了“如何使用springboot整合redis实现发送邮箱并验证”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用springboot整合redis实现发送邮箱并验证”...
    99+
    2023-06-22
  • vue中如何实现手机号和邮箱正则验证以及60s发送验证码功能
    这篇文章将为大家详细讲解有关vue中如何实现手机号和邮箱正则验证以及60s发送验证码功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。写一个简单的验证,本来前面用的组件,...
    99+
    2022-10-19
  • javascript如何实现发送短信验证码
    这篇文章主要介绍“javascript如何实现发送短信验证码”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript如何实现发送短信验证码”文章能帮助大家解决问题。效果如下:代码思路:按钮...
    99+
    2023-07-02
  • Ajax如何实现邮箱、用户名唯一性验证
    这篇文章将为大家详细讲解有关Ajax如何实现邮箱、用户名唯一性验证,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体代码如下所示: <script&nbs...
    99+
    2022-10-19
  • 如何在Flask中使用Flask-WTF实现邮箱验证
    本篇文章为大家展示了如何在Flask中使用Flask-WTF实现邮箱验证,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1、使用Flask-WTF之前,需要安装一个扩展命令pip insta...
    99+
    2023-06-14
  • php如何实现发送验证码的功能
    这篇文章给大家分享的是有关php如何实现发送验证码的功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。php实现发送验证码功能的方法:1、创建好HTML和js文件;2、创建“Msm.php”文件,内容为“publ...
    99+
    2023-06-25
  • js如何实现手机发送验证码功能
    这篇文章将为大家详细讲解有关js如何实现手机发送验证码功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。效果图:代码如下:<!DOCTYPE html&g...
    99+
    2022-10-19
  • Java如何实现发送短信验证码功能
    小编给大家分享一下Java如何实现发送短信验证码功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一个发送短信验证码的功能,使用的是信易通的短信平台接口,然后在J...
    99+
    2023-05-30
    java
  • 用实例分析Android如何用Mob实现发送短信验证码
    小编这次要给大家分享的是用实例分析Android如何用Mob实现发送短信验证码,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。和室友参加的互联网大赛要做一个 APP,涉及到用户的登录注册,于是上网找了许...
    99+
    2023-05-31
    android mob roi
  • 利用springMVC如何实现一个邮件发送功能
    这篇文章给大家介绍利用springMVC如何实现一个邮件发送功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。利用javax.mail发送邮件,图片与附件都可发送1,Controller类package com.web...
    99+
    2023-05-31
    springmvc 邮件发送
  • 如何在PHP中实现用户注册时发送短信验证码
    随着移动互联网的普及,手机号码已经成为用户注册和登录的重要凭证之一。为了保证用户账号的安全性,很多网站和应用都会在用户注册时发送短信验证码进行验证。本文将介绍如何在PHP中实现用户注册时发送短信验证码的功能,并附上具体的代码示例。一、创建短...
    99+
    2023-10-21
    PHP 短信验证码 用户注册
  • JS中如何实现60秒后重新发送验证码功能
    这篇文章给大家分享的是有关JS中如何实现60秒后重新发送验证码功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。代码//settime($("#getPhoneCode...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作