2017-07-19 168 views
0

我建立Android和iOS的應用IONIC2,我的應用程序的註冊步驟如下:使用Twilio短信API來驗證真實電話號碼

1 - 用戶安裝的應用程序。

2-用戶輸入他的詳細信息「姓名,電子郵件,電話號碼,密碼等......」

3-應用程序將通過短信發送一個隨機碼給用戶。

4-應用程序將此代碼存儲在一個變量中。

5-用戶從sms中讀取代碼並將其放入文本輸入中。

6-應用程序檢查文本輸入中變量==代碼中的代碼。

7如果創建真實,用戶帳戶和用戶在簽署。

用戶試圖登錄,他將被要求輸入自己的用戶名和密碼,下一次,會有不發送短信在這一步,因爲我只需要驗證電話號碼是真實的。

由於某種原因,這是錯誤的嗎?有沒有更好的方法來做到這一點?

我將使用的代碼只是使用angular2的typescript和html(對於ionic2),下面的代碼是用jquery編寫的,如果我在正確的軌道上,我將改變它。

我應該補充說,這個短信驗證服務將沒有服務器,只有javascript和twilio api。

任何人都可以讀取我的SID和KEY嗎?因爲它是一個應用程序,而不是靜態網頁

$("#btnSubmit").click(function() { 
     // Your Twilio credentials 

     var SID = "MY-SID-HERE"; 
     var Key = "MY-KEY-HERE"; 
     var random_code_in_sms = "123456"; // generated randomly 


     $.ajax({ 
      type: 'POST', 
      url: 'https://api.twilio.com/2010-04-01/Accounts/' + SID + '/Messages', 
      data: { 
       "To": "+123456789", 
       "From": "+987654321", 
       "Body": "Hello World" 
      }, 
      beforeSend: function(xhr) { 
       xhr.setRequestHeader("Authorization", "Basic " + btoa(SID + ':' + Key)); 
      }, 
      success: function(data) { 
       console.log(1); 
       console.log(data); 
      }, 
      error: function(data) { 
       console.log(data); 
      } 
     }); 

    }); 

回答

0

我可能會使用Twilio的Authy API,而不是試圖建立自己的短信API後面自己的解決方案。

它基本上已經完成了你正在努力實現的目標。

+0

不需要後端?我讀過的一切都表示它需要某種服務器 – Eaves12

+0

不,這就是整個問題。 Twilio提供了後端。有幾種集成方式可供選擇,但最簡單的形式是使用用戶電話號碼向Twilio發送HTTP POST,Twilio生成一個代碼並通過短信發送給他們,用戶將代碼輸入到您的應用中,然後發出HTTP GET請求與用戶的電話號碼和代碼和Twilios響應告訴你,如果它是正確的。 – miknik

+0

謝謝我現在正在努力!我會將您的帖子更新爲答案,再次感謝您 – Eaves12