摘要:七調(diào)用云函數(shù)發(fā)送郵件我們?cè)谖募飳懸粋€(gè)按鈕,當(dāng)點(diǎn)擊這個(gè)按鈕時(shí)就發(fā)送郵件。到這里我們就完整的實(shí)現(xiàn)了微信小程序云開發(fā)使用云函數(shù)發(fā)送郵件的功能了。
先看效果圖:
通過(guò)上面的日志,可以看出我們是158開頭的郵箱給250開頭的郵箱發(fā)送郵件,下面是成功接收到的郵件。
準(zhǔn)備工作1、qq郵箱一個(gè)
2、開通你的qq郵箱的授權(quán)碼(會(huì)具體講解)
3、注冊(cè)自己的小程序(因?yàn)橹挥凶?cè)的小程序才能使用云開發(fā))
4、電腦要安裝node(會(huì)用到npm命令行)
5、編寫小程序代碼
一、準(zhǔn)備一個(gè)QQ郵箱,并啟動(dòng)SMTP服務(wù)進(jìn)入qq郵箱以后:
1、點(diǎn)擊設(shè)置,然后點(diǎn)擊賬戶 2、開啟POP3/SMTP服務(wù),獲取授權(quán)碼具體操作可以看官方文檔,官方文檔有具體的講解,這里我就不多說(shuō)了。
官方文檔:https://dwz.cn/SJCibDEi
我們獲取的授權(quán)碼如下圖。請(qǐng)保存好這個(gè)授權(quán)碼,我們后面發(fā)送郵件時(shí)會(huì)用到。
關(guān)于小程序的注冊(cè)和創(chuàng)建就不在此贅述,有需要的同學(xué)可以參照官方文檔:
https://dwz.cn/HpcWynVz
下圖是我們創(chuàng)建好的小程序。
代碼很簡(jiǎn)單,就只有一個(gè)頁(yè)面,頁(yè)面上就一個(gè)按鈕,我們點(diǎn)擊這個(gè)按鈕的時(shí)候?qū)崿F(xiàn)郵件的發(fā)送。
三、初始化云開發(fā),創(chuàng)建發(fā)送郵件的云函數(shù)關(guān)于云開發(fā)初始化我這里也不在做具體講解了,感興趣或者不會(huì)的同學(xué),可以去翻看騰訊云云開發(fā)公眾號(hào)內(nèi)菜單【技術(shù)交流-視頻教程】中的教學(xué)視頻。
初始化云開發(fā)環(huán)境時(shí),需要注意以下幾點(diǎn):1、一定要是注冊(cè)的小程序有appid才可以使用云開發(fā)
2、一定要在app.js里初始化云開發(fā)環(huán)境id
3、在project.config.json里配置云函數(shù)目錄,如下圖箭頭所示
四、創(chuàng)建云函數(shù) sendEmail1、右鍵cloud文件,新建云函數(shù):
這個(gè)函數(shù)名你可以隨便起,只要是英文,并且調(diào)用的時(shí)候記得不要寫錯(cuò)就行。我這里就用sendEmail。
2、創(chuàng)建完以后,右鍵sendEmail選擇在終端里打開:
這里我們需要用npm安裝一個(gè)依賴包 nodemailer 使用npm安裝依賴包需要用到node,至于node的安裝大家自行百度,一大堆的講解文章。
3、在打開的命令行窗口里輸入 npm install nodemailer:
4、等待 nodemailer類庫(kù)的安裝
5、安裝成功時(shí),您能看到nodemailer的版本號(hào)
這里一定要注意填寫你自己的qq郵箱的授權(quán)碼:
代碼里都有注釋,直接把代碼給大家貼出來(lái)。
</>復(fù)制代碼
const cloud = require("wx-server-sdk")
cloud.init()
//引入發(fā)送郵件的類庫(kù)
var nodemailer = require("nodemailer")
// 創(chuàng)建一個(gè)SMTP客戶端配置
var config = {
host: "smtp.qq.com", //網(wǎng)易163郵箱 smtp.163.com
port: 465, //網(wǎng)易郵箱端口 25
auth: {
user: "1587072557@qq.com", //郵箱賬號(hào)
pass: "這里要填你自己的授權(quán)碼" //郵箱的授權(quán)碼
}
};
// 創(chuàng)建一個(gè)SMTP客戶端對(duì)象
var transporter = nodemailer.createTransport(config);
// 云函數(shù)入口函數(shù)
exports.main = async(event, context) => {
// 創(chuàng)建一個(gè)郵件對(duì)象
var mail = {
// 發(fā)件人
from: "來(lái)自小石頭 <1587072557@qq.com>",
// 主題
subject: "來(lái)自小石頭的問(wèn)候",
// 收件人
to: "2501902696@qq.com",
// 郵件內(nèi)容,text或者h(yuǎn)tml格式
text: "你好啊,編程小石頭" //可以是鏈接,也可以是驗(yàn)證碼
};
let res = await transporter.sendMail(mail);
return res;
}
六、上傳云函數(shù)
編寫完代碼后,一定要記得上傳云函數(shù)。
七、調(diào)用云函數(shù)發(fā)送郵件我們?cè)趇ndex.wxml文件里寫一個(gè)按鈕,當(dāng)點(diǎn)擊這個(gè)按鈕時(shí)就發(fā)送郵件。
然后在index.js里調(diào)用我們的sendEmail云函數(shù)。
八、點(diǎn)擊發(fā)送郵件,查看效果可以看到我們的控制臺(tái),打印里發(fā)送成功的日志信息:
然后到我們的郵箱里,可以看到新收到的郵件。
到這里我們就完整的實(shí)現(xiàn)了微信小程序云開發(fā)使用云函數(shù)發(fā)送郵件的功能了。是不是很簡(jiǎn)單呢?
源碼地址:https://github.com/TencentCloudBase/Good-practice-tutorial-recommended
如果你有關(guān)于使用云開發(fā)CloudBase相關(guān)的技術(shù)故事/技術(shù)實(shí)戰(zhàn)經(jīng)驗(yàn)想要跟大家分享,歡迎留言聯(lián)系我們哦~比心!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/106860.html
摘要:用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁(yè)的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論點(diǎn)贊收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過(guò)程和實(shí)際編碼中的一些坑。考慮到小程序本身的大小限制,使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁(yè)的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論、點(diǎn)贊、收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過(guò)程和實(shí)際編碼中的一...
摘要:用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁(yè)的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論點(diǎn)贊收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過(guò)程和實(shí)際編碼中的一些坑。考慮到小程序本身的大小限制,使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁(yè)的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論、點(diǎn)贊、收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過(guò)程和實(shí)際編碼中的一...
摘要:筆者最近涉獵了小程序相關(guān)的知識(shí),于是利用周末時(shí)間開發(fā)了一款類似于同事的小程序,深度體驗(yàn)了小程序云開發(fā)模式提供的云函數(shù)數(shù)據(jù)庫(kù)存儲(chǔ)三大能力。 筆者最近涉獵了小程序相關(guān)的知識(shí),于是利用周末時(shí)間開發(fā)了一款類似于同事的小程序,深度體驗(yàn)了小程序云開發(fā)模式提供的云函數(shù)、數(shù)據(jù)庫(kù)、存儲(chǔ)三大能力。關(guān)于云開發(fā),可參考文檔:小程序·云開發(fā)。 個(gè)人感覺云開發(fā)帶來(lái)的最大好處是鑒權(quán)流程的簡(jiǎn)化和對(duì)后端的弱化,所以像筆...
摘要:前面給大家講過(guò)一個(gè)借助小程序云開發(fā)實(shí)現(xiàn)微信支付的,但是那個(gè)操作稍微有點(diǎn)繁瑣,并且還會(huì)經(jīng)常出現(xiàn)問(wèn)題,今天就給大家講一個(gè)簡(jiǎn)單的,并且借助官方支付實(shí)現(xiàn)小程序支付功能。只需要一個(gè)簡(jiǎn)單的云函數(shù),就可以輕松的實(shí)現(xiàn)微信小程序支付功能。 前面給大家講過(guò)一個(gè)借助小程序云開發(fā)實(shí)現(xiàn)微信支付的,但是那個(gè)操作稍微有點(diǎn)繁瑣,并且還會(huì)經(jīng)常出現(xiàn)問(wèn)題,今天就給大家講一個(gè)簡(jiǎn)單的,并且借助官方支付api實(shí)現(xiàn)小程序支付功能。...
閱讀 2195·2021-11-24 09:38
閱讀 3255·2021-11-08 13:27
閱讀 3096·2021-09-10 10:51
閱讀 3162·2019-08-29 12:20
閱讀 675·2019-08-28 18:28
閱讀 3471·2019-08-26 11:53
閱讀 2719·2019-08-26 11:46
閱讀 1529·2019-08-26 10:56