django 發(fā)送手機驗證碼的示例代碼
一、流程分析:
1.用戶在項目前端,輸入手機號,然后點擊【獲取驗證碼】,將手機號發(fā)到post到后臺。
2.后臺驗證手機號是否合法,是否已被占用,如果通過驗證,則生成驗證碼,并通過運行腳本,讓短信運營商向該手機號,發(fā)送該驗證碼,如果沒通過驗證,則返回錯誤信息
3.用戶收到短信驗證碼以后,再次將所有信息post到后臺。
4.后臺驗證各個數(shù)據(jù),通過驗證則完成實名制認(rèn)證,如果沒通過則返回錯誤信息。
總結(jié),一次實名驗證,需要兩次ajax+post
二、對接短信商:
1.在云片網(wǎng)端:
1.注冊云片網(wǎng)
后臺管理控制臺頁面:其中最重要的信息是APIKEY
2.開發(fā)者備案、新增簽名、新增模板(模板管理)
1.云片網(wǎng)后臺的【測試】是沒有意義的,所謂的測試,就是直接給你手機發(fā)送一條短信,這算哪門子測試?
2.【簽名/模板設(shè)備】頁,【簽名管理】點擊【新增簽名】,到這里會被提醒完善【開發(fā)者信息】,認(rèn)證分為開發(fā)者的【公司】和【個人】,現(xiàn)在是開發(fā)測試階段,可以先選擇【個人】,【個人】要身份證的照片,提交照片。
3.等待認(rèn)證完成的短信通知,然后按照后臺的操作指引,在【簽名管理】頁【新增簽名】,在【模板管理】頁【新增模板】,這些都要等待云片網(wǎng)的審核,審核通過會有短信通知。
4.在云片網(wǎng)后臺設(shè)置ip白名單,將外網(wǎng)ip加入白名單
獲取本機外網(wǎng)ip最簡單的方法,就是百度ip
2.在django項目中寫發(fā)送短信的腳本
在 項目目錄下 新建utils目錄 新建yunpian.py
import requests class YunPian(object): def __init__(self,api_key): self.api_key=api_key self.single_send_url='https://sms.yunpian.com/v2/sms/single_send.json' def send_sms(self,code,mobile): parmas={ 'apikey':self.api_key, 'mobile':mobile, 'text':'【**網(wǎng)】您的驗證碼是[code]。如非本人操作,請忽略本短信'.format(code=code) } #text必須要跟云片后臺的模板內(nèi)容 保持一致,不然發(fā)送不出去! r=requests.post(self.single_send_url,data=parmas) print(r) if __name__=='__main__': yun_pian=YunPian('***************(你的apikey)') yun_pian.send_sms('***(驗證碼)','*******(手機號)')
三、在項目中寫發(fā)送手機驗證碼相關(guān)代碼:
1.前端相關(guān)代碼:
<!--發(fā)送按鈕倒計時代碼--> <script type="text/javascript"> var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value="免費獲取驗證碼"; countdown = 60; return; } else { obj.setAttribute("disabled", true); obj.value="重新發(fā)送(" + countdown + ")"; countdown--; } setTimeout(function() { settime(obj) } ,1000) } </script> <!--手機號碼輸入框代碼--> <div class="form-group"> <label for="mobile" class="col-lg-2 col-sm-2 control-label">手機號碼:</label> <div class="col-lg-10"> <div class="input-group m-bot15"> <input type="text" class="form-control" id="mobile" name="mobile" placeholder="手機號碼"> <span class="input-group-btn"> <input type="button" id="forcode" onclick="settime(this)" value="免費獲取驗證碼" class="btn btn-success"> </span> </div> <p class="help-block">請?zhí)顚懡壎ㄊ謾C號</p> </div> </div> <!--向后臺通過ajax發(fā)送手機號碼數(shù)據(jù)--> <script> $('#forcode').click(function () { $.ajax({ cache:false, type:"POST", url:"{% url 'users:forcode' %}", data:{ csrfmiddlewaretoken:$('[name="csrfmiddlewaretoken"]').val(), mobile:$("#mobile").val() }, async:true, success:function (data) { alert(data) } }) }) </script>
效果圖:
2.在users/views.py中寫發(fā)送驗證碼相關(guān)代碼:
import re import random from xyw.settings import APIKEY from .models import VerifyCode class ForCodeView(View): """獲取手機驗證碼""" def post(self,request): mobile=request.POST.get('mobile','') if mobile: #驗證是否為有效手機號 mobile_pat=re.compile('^(13\d|14[5|7]|15\d|166|17\d|18\d)\d{8}$') res=re.search(mobile_pat,mobile) if res: #生成手機驗證碼 code=VerifyCode() code.mobile=mobile c=random.randint(1000,9999) code.code=str(c) code.save() code=VerifyCode.objects.filter(mobile=mobile).first().code yunpian=YunPian(APIKEY) sms_status=yunpian.send_sms(code=code,mobile=mobile) msg=sms_status.msg return HttpResponse(msg) else: msg='請輸入有效手機號碼!' return HttpResponse(msg) else: msg='手機號不能為空!' return HttpResponse(msg)
3.在users/urls.py中:
from .views import ForCodeView ...... urlpatterns = [ ...... path('forcode/',ForCodeView.as_view(),name='forcode'), ]
4.在settings.py中增加代碼:
#云片網(wǎng)apikey APIKEY=‘你云片網(wǎng)的apikey'
至此,完成了發(fā)送手機驗證碼功能。
其實也有可以優(yōu)化的地方:
1.雖然前端設(shè)置了60秒才可以重新發(fā)送,但是這個驗證在后端也應(yīng)該有,以防被有心人利用。
2.沒有驗證手機號碼是否已經(jīng)被發(fā)送過驗證碼
3.驗證碼沒有生命周期,應(yīng)該各一段時間讓驗證碼失效
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
PyTorch 導(dǎo)數(shù)應(yīng)用的使用教程
這篇文章主要介紹了PyTorch 導(dǎo)數(shù)應(yīng)用的使用教程,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08用python寫個自動SSH登錄遠程服務(wù)器的小工具(實例)
下面小編就為大家?guī)硪黄胮ython寫個自動SSH登錄遠程服務(wù)器的小工具(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06使用Python通過win32 COM實現(xiàn)Word文檔的寫入與保存方法
今天小編就為大家分享一篇使用Python通過win32 COM實現(xiàn)Word文檔的寫入與保存方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05將string類型的數(shù)據(jù)類型轉(zhuǎn)換為spark rdd時報錯的解決方法
今天小編就為大家分享一篇關(guān)于將string類型的數(shù)據(jù)類型轉(zhuǎn)換為spark rdd時報錯的解決方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-02-02Python使用Dash開發(fā)網(wǎng)頁應(yīng)用的方法詳解
本文主要是通過Dash的Checklist組件,簡單介紹使用Dash開發(fā)的Web應(yīng)用,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的可以參考一下2022-09-09python GUI庫圖形界面開發(fā)之PyQt5滾動條控件QScrollBar詳細使用方法與實例
這篇文章主要介紹了python GUI庫圖形界面開發(fā)之PyQt5滾動條控件QScrollBar詳細使用方法與實例,需要的朋友可以參考下2020-03-03