博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
巧用小程序·云开发实现邮件发送功能丨实战
阅读量:5124 次
发布时间:2019-06-13

本文共 1943 字,大约阅读时间需要 6 分钟。

先看效果图:

1240

通过上面的日志,可以看出我们是158开头的邮箱给250开头的邮箱发送邮件,下面是成功接收到的邮件。

1240

准备工作

  • 1、qq邮箱一个
  • 2、开通你的qq邮箱的授权码(会具体讲解)
  • 3、注册自己的小程序(因为只有注册的小程序才能使用云开发)
  • 4、电脑要安装node(会用到npm命令行)
  • 5、编写小程序代码

一、准备一个QQ邮箱,并启动SMTP服务

进入qq邮箱以后:

1、点击设置,然后点击账户

1240

2、开启POP3/SMTP服务,获取授权码

1240

具体操作可以看官方文档,官方文档有具体的讲解,这里我就不多说了。

官方文档:
我们获取的授权码如下图。请保存好这个授权码,我们后面发送邮件时会用到。

1240

二、注册小程序获取appid,创建一个小程序

关于小程序的注册和创建就不在此赘述,有需要的同学可以参照官方文档:

下图是我们创建好的小程序。

1240

代码很简单,就只有一个页面,页面上就一个按钮,我们点击这个按钮的时候实现邮件的发送。

三、初始化云开发,创建发送邮件的云函数

关于云开发初始化我这里也不在做具体讲解了,感兴趣或者不会的同学,可以去翻看腾讯云云开发公众号内菜单【技术交流-视频教程】中的教学视频。

初始化云开发环境时,需要注意以下几点:

1、一定要是注册的小程序有appid才可以使用云开发

2、一定要在app.js里初始化云开发环境id

1240

3、在project.config.json里配置云函数目录,如下图箭头所示

1240

四、创建云函数 sendEmail

1、右键cloud文件,新建云函数:

1240

这个函数名你可以随便起,只要是英文,并且调用的时候记得不要写错就行。我这里就用sendEmail。

2、创建完以后,右键sendEmail选择在终端里打开:

1240

这里我们需要用npm安装一个依赖包 nodemailer 使用npm安装依赖包需要用到node,至于node的安装大家自行百度,一大堆的讲解文章。

3、在打开的命令行窗口里输入 npm install nodemailer:

1240

4、等待 nodemailer类库的安装

1240

5、安装成功时,您能看到nodemailer的版本号

1240

五、编写发送邮件的核心代码

这里一定要注意填写你自己的qq邮箱的授权码:

1240

代码里都有注释,直接把代码给大家贴出来。

const cloud = require('wx-server-sdk')cloud.init()//引入发送邮件的类库var nodemailer = require('nodemailer')// 创建一个SMTP客户端配置var config = {  host: 'smtp.qq.com', //网易163邮箱 smtp.163.com  port: 465, //网易邮箱端口 25  auth: {    user: '1587072557@qq.com', //邮箱账号    pass: '这里要填你自己的授权码' //邮箱的授权码  }};// 创建一个SMTP客户端对象var transporter = nodemailer.createTransport(config);// 云函数入口函数exports.main = async(event, context) => {  // 创建一个邮件对象  var mail = {    // 发件人    from: '来自小石头 <1587072557@qq.com>',    // 主题    subject: '来自小石头的问候',    // 收件人    to: '2501902696@qq.com',    // 邮件内容,text或者html格式    text: '你好啊,编程小石头' //可以是链接,也可以是验证码  };  let res = await transporter.sendMail(mail);  return res;}

六、上传云函数

编写完代码后,一定要记得上传云函数。

1240

七、调用云函数发送邮件

我们在index.wxml文件里写一个按钮,当点击这个按钮时就发送邮件。

1240

然后在index.js里调用我们的sendEmail云函数。

1240

八、点击发送邮件,查看效果

可以看到我们的控制台,打印里发送成功的日志信息:

1240

然后到我们的邮箱里,可以看到新收到的邮件。

1240

到这里我们就完整的实现了微信小程序云开发使用云函数发送邮件的功能了。是不是很简单呢?

源码地址:

如果你有关于使用云开发CloudBase相关的技术故事/技术实战经验想要跟大家分享,欢迎留言联系我们哦~比心!

1649686-20190822133450528-512184721.png

转载于:https://www.cnblogs.com/CloudBase/p/11393852.html

你可能感兴趣的文章
【题解】[P4178 Tree]
查看>>
QML学习笔记之一
查看>>
WPF中实现多选ComboBox控件
查看>>
ionic2+ 基础
查看>>
MyBaits动态sql语句
查看>>
拉格朗日乘子法 那些年学过的高数
查看>>
vs code 的便捷使用
查看>>
用户空间与内核空间,进程上下文与中断上下文[总结]
查看>>
JAVA开发环境搭建
查看>>
Visual Studio基于CMake配置opencv1.0.0、opencv2.2
查看>>
SDN第四次作业
查看>>
django迁移数据库错误
查看>>
Data truncation: Out of range value for column 'Quality' at row 1
查看>>
字符串处理
查看>>
HtmlUnitDriver 网页内容动态抓取
查看>>
ad logon hour
查看>>
罗马数字与阿拉伯数字转换
查看>>
Eclipse 反编译之 JadClipse
查看>>
Python入门-函数
查看>>
距离公式汇总以及Python实现
查看>>