3-1 , 初始化云開發(fā)環(huán)境id新建一個(gè)和pages平級(jí)的目錄cloud , 用于存放云函數(shù)
然后在project.config.json里添加cloudfunctionRoot選項(xiàng) 。
然后對(duì)cloud選擇當(dāng)前環(huán)境
在app.js里配置環(huán)境變量
這個(gè)env環(huán)境id需要你去云開發(fā)控制臺(tái)獲取
3-2 , 創(chuàng)建云函數(shù)右鍵cloud目錄 , 新建Node.js云函數(shù)
然后新建一個(gè)云函數(shù) , 名字你可以自定隨便定 。我這里用sendSms
3-3 , 編寫云函數(shù)我這里把代碼貼給大家 , 記得把env和接收短信的手機(jī)號(hào)換成你自己的 。
const cloud = require('wx-server-sdk')cloud.init({env: cloud.DYNAMIC_CURRENT_ENV})exports.main = async (event, context) => {try {const result = await cloud.openapi.cloudbase.sendSms({env: 'xiaoshitou-zfl2q',content: '編程小石頭發(fā)布了新的能力',phoneNumberList: ["+8615611823564"]})return result} catch (err) {return err}}3-4 , 部署云函數(shù)上面云函數(shù)編寫好了 , 一定要記得部署下云函數(shù) 。右鍵sendSms然后點(diǎn)擊下面箭頭所示的即可 。
上傳部署成功后 , 會(huì)有下面這樣的提示
四 , 調(diào)用云函數(shù)發(fā)送短信我們上面云函數(shù)編寫并部署成功以后 , 就可以來(lái)調(diào)用這個(gè)云函數(shù) , 發(fā)送短信了 。
4-1 , 編寫wxml文件在wxml文件里寫一個(gè)button按鈕 , 編寫一個(gè)bindtap點(diǎn)擊事件
4-2 , 編寫js文件在js文件里實(shí)現(xiàn)上面button的點(diǎn)擊事件 , 然后調(diào)用云函數(shù)
調(diào)用云函數(shù)時(shí) , 一定要記得這里的name必須和你的云函數(shù)名一模一樣 。
4-3 , 點(diǎn)擊發(fā)送短信點(diǎn)擊發(fā)送短信
點(diǎn)擊發(fā)送 短信以后 , 可以看到日志里打印openapi.cloudbase.sendSms:ok這就代表發(fā)送成功了 。然后再看下手機(jī) , 收到下面的短信 。
到這里我們的短信發(fā)送功能就完整地實(shí)現(xiàn)了 。其實(shí)到這里該實(shí)現(xiàn)的功能 , 就已經(jīng)實(shí)現(xiàn)了 。但是我們使用短信場(chǎng)景更多的是用短信發(fā)送驗(yàn)證碼 。所以接下來(lái)給大家做一個(gè)發(fā)送短信驗(yàn)證碼的例子出來(lái)
實(shí)戰(zhàn)案例~發(fā)送驗(yàn)證碼短信老規(guī)矩 , 先看效果圖
我們只需要獲取用戶輸入的手機(jī)號(hào) , 然后點(diǎn)擊獲取驗(yàn)證碼 , 最后輸入短信里接收到的驗(yàn)證碼 , 進(jìn)行驗(yàn)證即可 。
1 , 編寫wxml頁(yè)面比較簡(jiǎn)單 , 就兩個(gè)輸入框和兩個(gè)按鈕
2 , 編寫jsjs里主要是獲取用戶輸入的手機(jī)號(hào) , 然后發(fā)送驗(yàn)證碼 , 發(fā)送驗(yàn)證碼調(diào)用云函數(shù)實(shí)現(xiàn)短信驗(yàn)證碼發(fā)送功能 。用戶輸入驗(yàn)證碼以后進(jìn)行校驗(yàn)即可 。
3 , 發(fā)送短信驗(yàn)證碼用戶輸入手機(jī)號(hào)以后 , 點(diǎn)擊發(fā)送 , 可以看到我們手機(jī)上收到了如下短信 。
然后用戶輸入獲取到的驗(yàn)證碼 , 點(diǎn)擊驗(yàn)證 。
可以看到驗(yàn)證成功 , 驗(yàn)證成功以后后面的操作就可以自己定了 , 比如驗(yàn)證成功以后跳轉(zhuǎn)到登錄成功頁(yè) 。
到這里我們就實(shí)現(xiàn)了驗(yàn)證碼發(fā)送功能了 。
生成隨機(jī)驗(yàn)證碼的方法我這里把生成隨機(jī)驗(yàn)證碼的方法貼給大家 。
//獲取隨機(jī)驗(yàn)證碼 , n代表幾位generateMixed(n) {let chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];let res = "";for (var i = 0; i < n; i++) {var id = Math.ceil(Math.random() * 35);res += chars[id];}return res;}
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問(wèn)題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- 小年微信朋友圈祝福語(yǔ)簡(jiǎn)短的短信問(wèn)候語(yǔ)
- 蘋果手機(jī)備份短信的軟件 ipone短信怎么多選刪除
- 附:經(jīng)典短信營(yíng)銷模板及詳細(xì)步驟 短信營(yíng)銷方案大全
- BT磁力資源搜索工具 種子磁力搜索資源
- win10正版驗(yàn)證方法 win10不激活有什么影響
- 短信切換成iMessage的方法 iphone發(fā)imessage效果
- 微信跳過(guò)新設(shè)備驗(yàn)證方法 微信跳過(guò)新設(shè)備驗(yàn)證方法介紹
- 運(yùn)營(yíng)平臺(tái)使用指南 云片短信平臺(tái)怎么樣
- 搜索文檔中的關(guān)鍵字 關(guān)鍵字搜索引擎工具
- 網(wǎng)上最不能搜的恐怖詞 這些詞語(yǔ)都不能在網(wǎng)上隨便搜索
