今天我們來說一說如何在前端使用短信和語音驗(yàn)證碼接口，為何要搞這個(gè)呢，因?yàn)槲议e的，我膨脹了，我頭鐵

老規(guī)矩，先來說一下大體的思路，我使用的短信和語音驗(yàn)證接口是用的阿里云提供的，感覺還是比較好用的，我就拿語音驗(yàn)證碼接口來做個(gè)示范，短信驗(yàn)證碼接口和語音驗(yàn)證碼接口使用起來是一樣的，照著語音接口的示例改一下就完了。來，閑話不多說，我們直接開始好吧。

步驟：

《《《《《《《《《《《《《《《假設(shè)已經(jīng)使用過阿里云請(qǐng)直接跳過這部分》》》》》》》》》》》》》》》》》》》》

1.我們需要去阿里云注冊(cè)賬戶，并獲取AppCode，步驟就不具體說了，沒啥東西，就按照他的步驟注冊(cè)就完了，你要是不會(huì)，聯(lián)系我好吧，手把手教學(xué)

2.在頂端的搜索欄輸入語音驗(yàn)證碼

3.我是用的是圖片上的這家的接口（注意我這不是打廣告啊，他也沒給我廣告費(fèi)啊，賊難受啊）

　　

4.下面我們點(diǎn)進(jìn)去,我們先選購買這個(gè)0元的來測(cè)試就可以

　　

在購買下面有API的使用說明，你是不是覺得很舒服，都有使用說明啊，多爽，來那我們看看示例

給了好多請(qǐng)求示例，可惜沒有前端用Ajax請(qǐng)求，有點(diǎn)慘是吧，但是不要慌，我們今天就是來搞這個(gè)的，所以不要慌，把頭鐵起來好吧，來我們繼續(xù)向下看

5.現(xiàn)在我們用API的接口里提供調(diào)試工具選擇去調(diào)試

　 　　

6.進(jìn)入調(diào)試頁面，將你想測(cè)試的信息填入，AppCode填你自己的AppCode（AppCode在控制臺(tái)>云市場(chǎng)(頁面最左邊選擇云市場(chǎng))）

　　

《《《《《《《《《《《《《《《跳過部分結(jié)束》》》》》》》》》》》》》》》》》》》》

?

7.發(fā)一個(gè)正常的請(qǐng)求，并分析請(qǐng)求

　　

　　可以看到調(diào)試信息里面給我們返回了一堆信息，我們主要來看看Request中的信息，既然有url和Header，那我們能不能根據(jù)信息從前端發(fā)fetch或Ajax請(qǐng)求調(diào)用呢

　　當(dāng)然是可以了啊，來進(jìn)入整篇文章最關(guān)鍵的一步，最關(guān)鍵的啊，最關(guān)鍵的來了

8.通過fetch發(fā)送請(qǐng)求調(diào)用API

　　注意：一定要有時(shí)間戳，因?yàn)椴挥脛?dòng)態(tài)時(shí)間戳，用固定的時(shí)間戳，API過一段時(shí)間調(diào)用不到了。

　　

　　當(dāng)然，這是運(yùn)行在服務(wù)器環(huán)境中的，啥環(huán)境都可以gulp,webpack你隨意，不過一定能要配置反向代理（如何配置反向代理我在這就不說了，這不是今天要討論的問題）

　　

　　

好了，今天就到這里吧，寫的有點(diǎn)長，其實(shí)也不難，大家好好看看，有啥問題評(píng)論聯(lián)系我就好，可能我這種方法不是最簡(jiǎn)便的，有更簡(jiǎn)便的可以交流交流

告辭，告辭！！！

　　

?

轉(zhuǎn)載于:https://www.cnblogs.com/suihang/p/10032714.html

總結(jié)

以上是生活随笔為你收集整理的如何在前端进行短信接口和语音验证接口的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。