1. 程式人生 > >微信小程式 簡訊驗證 功能的實現(附案例程式碼/前後端/直接用)

微信小程式 簡訊驗證 功能的實現(附案例程式碼/前後端/直接用)

模組效果展示(小程式介面)

動圖效果展示

實現的功能

小程式端:

  • 請求獲取簡訊驗證碼
  • 兩次請求之間間隔至少一分鐘
  • 填寫必填內容後,才能提交表單
  • 手機號合法性檢驗

後臺:

  • 接前臺請求後,通過阿里雲傳送簡訊
  • 生成隨機數字驗證碼(預設6位)
  • 收到提交的表單後,對驗證碼欄位進行判斷
    • 驗證碼是否過期
    • 驗證碼是否正確
  • 通過驗證後,方能進行下一步操作
    • 如儲存表單資訊至資料庫等
  • 結果反饋

說明

  • 專案包含前後端程式碼,可以直接用,並新增自己想要的功能
  • 使用阿里雲的簡訊服務,具體配置見倉庫說明
  • 手機號合法性驗證部分,為了讓程式碼長期可用,沒有針對現行號段進行詳細檢測,而是隻進行了粗略的檢測
    • 其實就是,不參照現有號段資訊,對第二位以後進行詳細判斷,防止新號段出現後誤報錯
    • 主要通過input來限制填入型別(number),以及檢測第一位號碼數字

專案程式碼