摘要:七調(diào)用云函數(shù)發(fā)送郵件我們在文件里寫一個(gè)按鈕,當(dāng)點(diǎn)擊這個(gè)按鈕時(shí)就發(fā)送郵件。到這里我們就完整的實(shí)現(xiàn)了微信小程序云開發(fā)使用云函數(shù)發(fā)送郵件的功能了。
先看效果圖:
通過上面的日志,可以看出我們是158開頭的郵箱給250開頭的郵箱發(fā)送郵件,下面是成功接收到的郵件。
準(zhǔn)備工作1、qq郵箱一個(gè)
2、開通你的qq郵箱的授權(quán)碼(會(huì)具體講解)
3、注冊自己的小程序(因?yàn)橹挥凶缘男〕绦虿拍苁褂迷崎_發(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)碼具體操作可以看官方文檔,官方文檔有具體的講解,這里我就不多說了。
官方文檔:https://dwz.cn/SJCibDEi
我們獲取的授權(quán)碼如下圖。請保存好這個(gè)授權(quán)碼,我們后面發(fā)送郵件時(shí)會(huì)用到。
關(guān)于小程序的注冊和創(chuàng)建就不在此贅述,有需要的同學(xué)可以參照官方文檔:
https://dwz.cn/HpcWynVz
下圖是我們創(chuàng)建好的小程序。
代碼很簡單,就只有一個(gè)頁面,頁面上就一個(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、一定要是注冊的小程序有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類庫的安裝
5、安裝成功時(shí),您能看到nodemailer的版本號(hào)
這里一定要注意填寫你自己的qq郵箱的授權(quán)碼:
代碼里都有注釋,直接把代碼給大家貼出來。
const cloud = require("wx-server-sdk") cloud.init() //引入發(fā)送郵件的類庫 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客戶端對象 var transporter = nodemailer.createTransport(config); // 云函數(shù)入口函數(shù) exports.main = async(event, context) => { // 創(chuàng)建一個(gè)郵件對象 var mail = { // 發(fā)件人 from: "來自小石頭 <1587072557@qq.com>", // 主題 subject: "來自小石頭的問候", // 收件人 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ā)送郵件我們在index.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ā)送郵件的功能了。是不是很簡單呢?
源碼地址: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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/106860.html
摘要:用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論點(diǎn)贊收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一些坑。考慮到小程序本身的大小限制,使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論、點(diǎn)贊、收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一...
摘要:用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論點(diǎn)贊收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一些坑。考慮到小程序本身的大小限制,使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn),具體包括評(píng)論、點(diǎn)贊、收藏和海報(bào)功能,這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一...
摘要:筆者最近涉獵了小程序相關(guān)的知識(shí),于是利用周末時(shí)間開發(fā)了一款類似于同事的小程序,深度體驗(yàn)了小程序云開發(fā)模式提供的云函數(shù)數(shù)據(jù)庫存儲(chǔ)三大能力。 筆者最近涉獵了小程序相關(guān)的知識(shí),于是利用周末時(shí)間開發(fā)了一款類似于同事的小程序,深度體驗(yàn)了小程序云開發(fā)模式提供的云函數(shù)、數(shù)據(jù)庫、存儲(chǔ)三大能力。關(guān)于云開發(fā),可參考文檔:小程序·云開發(fā)。 個(gè)人感覺云開發(fā)帶來的最大好處是鑒權(quán)流程的簡化和對后端的弱化,所以像筆...
摘要:前面給大家講過一個(gè)借助小程序云開發(fā)實(shí)現(xiàn)微信支付的,但是那個(gè)操作稍微有點(diǎn)繁瑣,并且還會(huì)經(jīng)常出現(xiàn)問題,今天就給大家講一個(gè)簡單的,并且借助官方支付實(shí)現(xiàn)小程序支付功能。只需要一個(gè)簡單的云函數(shù),就可以輕松的實(shí)現(xiàn)微信小程序支付功能。 前面給大家講過一個(gè)借助小程序云開發(fā)實(shí)現(xiàn)微信支付的,但是那個(gè)操作稍微有點(diǎn)繁瑣,并且還會(huì)經(jīng)常出現(xiàn)問題,今天就給大家講一個(gè)簡單的,并且借助官方支付api實(shí)現(xiàn)小程序支付功能。...
閱讀 2178·2021-11-24 09:38
閱讀 3242·2021-11-08 13:27
閱讀 3083·2021-09-10 10:51
閱讀 3143·2019-08-29 12:20
閱讀 663·2019-08-28 18:28
閱讀 3459·2019-08-26 11:53
閱讀 2706·2019-08-26 11:46
閱讀 1515·2019-08-26 10:56