小程序发送邮件，小程序云开发使用云函数发送邮件

旧城等待， 2022-09-02 00:48 251阅读 0赞

老规矩，先看效果图

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

准备工作

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

一，准备一个qq邮箱，并启动SMTP服务  
这个我不做具体讲解了。你进入你的qq邮箱以后，

1，点击设置，然后点击账户

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTcwMjg0ZWM4ZTFmYzdmZjgucG5n][]  
2，开启POP3/SMTP服务，获取授权码。

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTgzMzljZDc2MGNiYWNmZTgucG5n][]

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTNjN2QzN2YwODYwMTQ3NTYucG5n][]

具体操作可以看官方文档，官方文档有具体的讲解，这里我就不多说了。  
官方文档：https://service.mail.qq.com/cgi-bin/help?subtype=1&&no=1001256&&id=28  
我们获取的授权码如下图。这个授权码，我们后面发送邮件时会用到。

二，注册小程序获取appid，创建一个小程序。

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTczZjMwYTU5YWNlNTJjMGEucG5n][]  
关于小程序的注册，和创建小程序我就不在做具体讲解，感兴趣的同学或者还不会的同学可以翻看我前面的文章学习，也可以看我的零基础入门小程序的视频：https://edu.csdn.net/course/detail/9531  
下图是我们创建好的小程序。

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

三，初始化云开发，创建发送邮件的云函数。  
关于云开发初始化我这里也不在做具体讲解了，感兴趣或者不会的同学，可以去看我录制的云开发入门视频：https://edu.csdn.net/course/detail/9604

初始化云开发环境时，有下面几点注意事项给大家说下。  
1，一定要是注册的小程序有appid才可以使用云开发  
2，一定要在app.js里初始化云开发环境id

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTM4MzJiMmFlZmUxNWVhZTQucG5n][]  
3，在project.config.json里配置云函数目录，如下图箭头所示

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTA3YjY3ZjNhODllNmM3ZmEucG5n][]

四，创建云函数 sendEmail  
1，右键cloud文件，新建云函数

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTY5MjE1ODU1ZDEzZTlkOGYucG5n][]  
这个函数名你可以随便起，只要是英文，并且调用的时候记得不要写错就行。我这里就用sendEmail  
2，创建完以后，右键sendEmail选择在终端里打开

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTE2ZGY3N2FlMjhjMDkwZWYucG5n][]

这里我们需要用npm安装一个依赖包 nodemailer 使用npm安装依赖包需要用到node，至于node的安装大家自行百度，一大堆的讲解文章。  
3，在打开的命令行窗口里输入 npm install nodemailer

4，等待 nodemailer类库的安装。

5，安装成功时，您能看到nodemailer的版本号。

五，编写发送邮件的核心代码。  
这里一定要注意填写你自己的qq邮箱的授权码

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTE3ZjMzNDczNjY3MTM3MDMucG5n][]

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

let res = await transporter.sendMail(mail);  
  return res;  
\}   
六，上传云函数  
编写完代码后，一定要记得上传云函数

七，调用云函数发送邮件  
我们在index.wxml文件里写一个按钮，当点击这个按钮时就发送邮件。

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

![aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTcwMDhkZTI3ZmZhNzBlOTYucG5n][]

八，点击发送邮件，查看效果。  
可以看到我们的控制台，打印里发送成功的日志信息

![image.png][]

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

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

源码我也已经给大家准备好了。大家先试着自己敲下，看能不能实现，如果实现不了再来找我要源码。

有任何关于小程序相关的问题，也可以加我微信 2501902696（备注小程序）  
————————————————  
版权声明：本文为CSDN博主「编程小石头」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/qiushi\_1990/article/details/98660081

[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLWIwYzlhMzExYTE5MTAxMWYucG5n]: /images/20220829/8af904dcaed64f9cb35398acad55fb7f.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTcwMjg0ZWM4ZTFmYzdmZjgucG5n]: /images/20220829/6f904468a64f49348e3d60b45e527901.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTgzMzljZDc2MGNiYWNmZTgucG5n]: /images/20220829/3e09427df2a54479aaef2507c6d3e00a.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTNjN2QzN2YwODYwMTQ3NTYucG5n]: /images/20220829/6a65ca56173c490a83ed2814908d92f8.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTczZjMwYTU5YWNlNTJjMGEucG5n]: /images/20220829/f763ea2b3e644a4092facddad7912834.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTM4MzJiMmFlZmUxNWVhZTQucG5n]: /images/20220829/e0b3b4ff7e3c4b1aaec9fcdec4cd60c4.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTA3YjY3ZjNhODllNmM3ZmEucG5n]: /images/20220829/eba48c6aac1b4ae28c2c0ba9278564c6.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTY5MjE1ODU1ZDEzZTlkOGYucG5n]: /images/20220829/39c4717db4954fdf8217fbf50ae5daf7.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTE2ZGY3N2FlMjhjMDkwZWYucG5n]: /images/20220829/c84f7bb360b54f47a74ab812aad9afbc.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTE3ZjMzNDczNjY3MTM3MDMucG5n]: /images/20220829/58ac83a4fd9341e698b97f3f77578936.png
[aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTcwMDhkZTI3ZmZhNzBlOTYucG5n]: /images/20220829/cc6cff3c20ac45599f4d004b08edd554.png
[image.png]: /images/20220829/4c0c0d4cde7041f5b9ce7b088393d68c.png