如何在前端進行短信接口和語音驗證接口的使用


今天我們來說一說如何在前端使用短信和語音驗證碼接口,為何要搞這個呢,因為我閑的,我膨脹了,我頭鐵

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

步驟:

《《《《《《《《《《《《《《《假設已經使用過阿里雲請直接跳過這部分》》》》》》》》》》》》》》》》》》》》

1.我們需要去阿里雲注冊賬戶,並獲取AppCode,步驟就不具體說了,沒啥東西,就按照他的步驟注冊就完了,你要是不會,聯系我好吧,手把手教學

2.在頂端的搜索欄輸入語音驗證碼

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

  

4.下面我們點進去,我們先選購買這個0元的來測試就可以

  

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

給了好多請求示例,可惜沒有前端用Ajax請求,有點慘是吧,但是不要慌,我們今天就是來搞這個的,所以不要慌,把頭鐵起來好吧,來我們繼續向下看

5.現在我們用API的接口里提供調試工具選擇去調試

    

6.進入調試頁面,將你想測試的信息填入,AppCode填你自己的AppCode(AppCode在控制台>雲市場(頁面最左邊選擇雲市場))

  

《《《《《《《《《《《《《《《跳過部分結束》》》》》》》》》》》》》》》》》》》》

 

7.發一個正常的請求,並分析請求

  

  可以看到調試信息里面給我們返回了一堆信息,我們主要來看看Request中的信息,既然有url和Header,那我們能不能根據信息從前端發fetch或Ajax請求調用呢

  當然是可以了啊,來進入整篇文章最關鍵的一步,最關鍵的啊,最關鍵的來了

8.通過fetch發送請求調用API

  注意:一定要有時間戳,因為不用動態時間戳,用固定的時間戳,API過一段時間調用不到了。

  

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

  

  

好了,今天就到這里吧,寫的有點長,其實也不難,大家好好看看,有啥問題評論聯系我就好,可能我這種方法不是最簡便的,有更簡便的可以交流交流

告辭,告辭!!!

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM