成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送

最近在做小程序驗證碼登陸時,用到了短信發(fā)送驗證碼的需求,自己也研究了下,用云開發(fā)結(jié)合云函數(shù)來實現(xiàn)驗證碼短信發(fā)送還是很方便的。

創(chuàng)新互聯(lián)建站是一家專注于成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)與策劃設(shè)計,曲松網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:曲松等地區(qū)。曲松做網(wǎng)站價格咨詢:13518219792

老規(guī)矩,先看效果圖

借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
這是我調(diào)用騰訊云的短信平臺發(fā)送的登陸驗證碼。核心代碼其實只有下面這么多
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
是不是感覺實現(xiàn)起來特別簡單,怎么說呢,我們代碼調(diào)用其實就這么幾行,就可以實現(xiàn)短信的發(fā)送,但是騰訊云短信模板的審核比較繁瑣,還有我們先去申請短信模板,短信模板審核通過后才可以使用。
我們就先來說代碼實現(xiàn),然后再帶大家簡單的學(xué)習(xí)下短信模板的申請。

一,安裝node類庫

其實我們這里用到了云開發(fā)的云函數(shù),我們是在云函數(shù)里調(diào)用短信發(fā)送的。為什么要在云函數(shù)里調(diào)用呢,因為我們做短信發(fā)送,需要用到騰訊云的一個短信發(fā)送的類庫,而這個類庫是node庫,所以只能在云函數(shù)里調(diào)用了。

在安裝這個類庫之前,我們需要先創(chuàng)建一個云函數(shù),關(guān)于云函數(shù)的創(chuàng)建,我其實已經(jīng)講過很多遍了,不知道的同學(xué),去翻看下我的歷史文章,或者看下我錄制的云開發(fā)入門視頻《5小時零基礎(chǔ)入門小程序云開發(fā)》
我后面也會把這節(jié)內(nèi)容錄制出視頻出來。

創(chuàng)建完云函數(shù)后,右鍵點擊在終端中打開,打開終端后,在終端中輸入以下命令來安裝qcloudsms_js類庫

npm install qcloudsms_js

借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
這里需要注意,我們安裝類庫前需要先下載node并配置npm環(huán)境變量,這里我也有寫文章的
《nodeJs的安裝與npm全局環(huán)境變量的配置》

二,編寫云函數(shù)

上面類庫安裝好以后,我們就可以來編寫云函數(shù)了。
其實代碼編寫起來很簡單,就下面這些,對應(yīng)的注解我也都已經(jīng)寫出來了。
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
這里要發(fā)送的手機號,和隨機驗證碼需要動態(tài)傳進來的。

三,調(diào)用云函數(shù)

調(diào)用云函數(shù)這里也很簡單,我們需要傳入手機號和驗證碼
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
手機號這里,我做了一個輸入框,可以動態(tài)的輸入。驗證碼的話,我寫了一個方法來隨機生成數(shù)字和字母的組合驗證碼。
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
我等下會把完整的代碼貼出來給大家。
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
這樣我們輸入完手機號以后,點擊發(fā)送短信按鈕,就可以成功的發(fā)送短信給到對應(yīng)的手機號了。

  • 可以看到我們生成的隨機驗證碼如下
    借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
    我們手機接受到的短信驗證碼如下
    借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
    這樣我們做登陸或者做校驗時,用戶手機短信收到的驗證碼,和我們隨機生成的驗證碼一樣,即代表用戶驗證成功。
    完整的index.js代碼給大家貼出來
    var 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 phone = ''
    Page({
    //獲取隨機驗證碼,n代表幾位
    generateMixed(n) {
    var res = "";
    for (var i = 0; i < n; i++) {
      var id = Math.ceil(Math.random() * 35);
      res += chars[id];
    }
    return res;
    },
    //調(diào)用云函數(shù)發(fā)送短信
    sendSMS() {
    if (phone.length != 11) {
      wx.showToast({
        icon: 'none',
        title: '輸入11位手機號',
      })
      return
    }
    let code = this.generateMixed(4)
    console.log('本地生成的驗證碼', code)
    wx.cloud.callFunction({
      name: "sendSms",
      data: {
        phone: phone,
        code: code //生成4位的驗證碼
      }
    }).then(res => {
      console.log('發(fā)送成功', res)
    }).catch(res => {
      console.log('發(fā)送失敗', res)
    })
    },
    //獲取要發(fā)送的手機號
    getPhone(event) {
    console.log(event.detail.value)
    phone = event.detail.value
    },
    })

    index.wxml如下
    借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
    到這里我們的短信驗證碼的發(fā)送就完整的實現(xiàn)了,是不是很簡單。

短信發(fā)送參數(shù)的設(shè)置與獲取

首先是去騰訊云自己開通短信功能,然后需要自己去申請模板,填寫簽名。
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
我這里把所需要的參數(shù),都給大家標(biāo)準(zhǔn)出來了。大家只需要自己去官網(wǎng)設(shè)置對應(yīng)的模板和簽名,然后審核通過后,把對應(yīng)的參數(shù)放到我們的云函數(shù)里即可。

短信驗證的原理講解

在網(wǎng)上找了一張短信驗證的原理圖,如下
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送

大家可以對照這看下,這個原理圖。對應(yīng)的源碼我上面其實已經(jīng)給大家貼出來了。
如果大家覺得不完整,我也已經(jīng)把完整源碼放到網(wǎng)盤里了,有需要的同學(xué)可以到我公號里回復(fù)“短信”獲取源碼。
借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送

后面我還會分享更多小程序相關(guān)的知識點出來,請持續(xù)關(guān)注。

本文題目:借助云開發(fā)實現(xiàn)小程序短信驗證碼的發(fā)送
網(wǎng)站地址:http://jinyejixie.com/article18/iejidp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、ChatGPT、品牌網(wǎng)站制作網(wǎng)站設(shè)計、商城網(wǎng)站、App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作
土默特右旗| 克山县| 浦县| 棋牌| 库尔勒市| 皮山县| 靖安县| 泰安市| 维西| 徐汇区| 连云港市| 扶风县| 巴青县| 枣强县| 枣强县| 彭水| 太保市| 大兴区| 清水县| 砀山县| 枣强县| 岑巩县| 九江县| 邢台县| 贡觉县| 集安市| 墨玉县| 金华市| 札达县| 江西省| 金沙县| 石楼县| 汶上县| 林周县| 新竹市| 秦皇岛市| 甘孜县| 安宁市| 屏东县| 陵水| 新营市|