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