javascript
  • twilio
  • user-input
  • 2017-12-03 7 views 0 likes 
    0

    나는 입력 필드에 전화 번호를 입력하여 문자 메시지를 보낼 수있는 응용 프로그램을 가지고 있습니다. 하지만 문자 메시지는 "인사"라고만 설정됩니다. 어떻게하면 사용자가 텍스트 메시지로 말하기를 원하는지를 입력 할 수 있습니다. 를 heres 코드twilio를 통해 문자 메시지 보내기

    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); 
    }); 
    }); 
    

    답변

    0

    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(); 
        } 
        }); 
    }); 
    

    그게 도움이되는지 알려주세요.

    관련 문제