如何在前端進行簡訊介面和語音驗證介面的使用

今天我們來說一說如何在前端使用簡訊和語音驗證碼介面，為何要搞這個呢，因為我閑的，我膨脹了，我頭鐵

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

步驟：

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

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你隨意，不過一定能要配置反向代理（如何配置反向代理我在這就不說了，這不是今天要討論的問題）

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

告辭，告辭！！！

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！