twilioを通じてテキストメッセージを送信

Question

私は、入力フィールドに電話番号を入力してテキストメッセージを送信できるアプリケーションを持っています。テキストメッセージは単に「こんにちは」と言うように設定されています。どのように私は、ユーザーがテキストメッセージが欲しいものを入力することができます。 HERESにコード

JSここ

app.get("/:data", function(req, resp){ 

var accountSid = '*******************' 
var authToken = '*********************' 

const client = require('twilio')(accountSid, authToken); 

client.messages.create({ 

to: req.params.data, 
from: '**********', 
body: "Hello" 
}, function(err, message) { 
if(err) { 
console.log(err); 
} else { 
console.log(message.sid); 
} 

}); 

HTML

<input type="text" placeholder="Enter your number" id="inputNum" /> 

<button id="submitNum">Enter</button> 

<script> 



submitNum.addEventListener("click", function(){ 

var inputNum = document.getElementById("inputNum"); 
var submitNum = document.getElementById("submitNum"); 



var phoneNumber = inputNum.value; 


fetch(" https://*******************.com/" 
+ phoneNumber).then((resp)=>{ 
console.log(resp); 
}); 
}); 

Answer 1

Twilioの開発者エバンジェリスト。

ユーザーがメッセージを入力できるようにするには、HTMLフォームに余分なフィールドを追加し、そのフィールドをAPIリクエストにも追加する必要があります。また、URLのパスに電話番号を追加するのではなく、パラメータを照会することをお勧めします。だから、最初にあなたのHTMLを取って、私はこのように変更したい：

<input type="text" placeholder="Enter your number" id="inputNum" /> 
<textarea name="inputMessage" id="inputMessage"></textarea> 

<button id="submitNum">Enter</button> 

<script> 
var inputNum = document.getElementById("inputNum"); 
var inputMessage = document.getElementById("inputMessage"); 
var submitNum = document.getElementById("submitNum"); 

submitNum.addEventListener("click", function(){ 
    var phoneNumber = inputNum.value; 
    var message = inputMessage.value; 

    var query = "phoneNumnber=" + encodeURIComponent(phoneNumber); 
    query += "&message=" + encodeURIComponent(message); 
    fetch(" https://*******************.com/sendMessage?" + query).then((resp)=>{ 
    console.log(resp); 
    }); 
}); 
</script> 

次に、あなたがメッセージ変数とsendMessageエンドポイントを使用するようにサーバーを更新する必要があります。フロントエンドがぶら下がっていないように、返信を送り返すことをお勧めします。このように：

app.get("/sendMessage", function(req, resp){ 
    var accountSid = '*******************' 
    var authToken = '*********************' 

    const client = require('twilio')(accountSid, authToken); 

    client.messages.create({ 
    to: req.params.data, 
    from: '**********', 
    body: req.params.message 
    }, function(err, message) { 
    if(err) { 
     console.log(err); 
     resp.setStatus(200).send(); 
    } else { 
     console.log(message.sid); 
     resp.setStatus(500).send(); 
    } 
    }); 
}); 

それがまったく役に立ったら教えてください。