We’ll write a small Node.js web application that:
- Accepts an incoming phone call
- Says something to your caller
- Sends the caller a text message
Ready? Let’s get started!
If you have a Twilio account and Twilio phone number with SMS and Voice capabilities, you’re all set here! Feel free to jump to the next step.
If you don’t currently own a Twilio phone number with both SMS and Voice capabilities, you’ll need to buy one. After navigating to the Buy a Number page, check the "SMS" and "Voice" boxes and click "Search":
You’ll then see a list of available phone numbers that meet your criteria. Find a number that suits you and click "Buy" to add it to your account.
We’ll be building a small Express web application that accepts incoming calls and sends the caller an SMS. Let’s start by building out the code that receives the call and says something to the caller.
If you’d prefer to build this app from scratch, start by creating a new directory named
twilio_calls. Within that directory, install the necessary dependencies.
If you don’t already have the Twilio Node.js helper library installed, you can do so with the following command:
npm install twilio --save
npm install express body-parser --save
Now that our environment is all set up we can create a file named
app.js. We’ll create a small
/answer route that can say something to someone who calls our new Twilio phone number.
In this code sample, we leveraged Twilio's Node.js library to create a
voiceResponse that says some text to a caller. We can ignore the blurred lines for now: those will come into play later when we're ready to create an SMS from this call.
Make sure to include this line at the end of your file:
You can now run this Express application:
You can check that your app is running by going to http://127.0.0.1:8000/answer in your browser. You should see some text that says "Thanks for calling! We just sent you a text with a clue."
But how do we tell Twilio to use this response when someone calls our Twilio phone number?
For Twilio to know how to handle incoming calls to your phone number, you’ll need to give this local application a publicly accessible URL. We recommend using ngrok.
If you’re new to ngrok, you can find more information here about how it works and why we recommend using it when developing locally.
Once you’ve downloaded ngrok, make sure your Express application is running. Then, open a new terminal window and start ngrok:
ngrok http 8000 -host-header="localhost:8000"
If your local server is running on a port other than 8000, replace '8000' in the command above with the correct port number.
You should see some output that tells you your public ngrok URL.
Now you can configure your Twilio phone number to use this app when someone calls you:
- Log in to twilio.com and go to the console's Phone Numbers page.
- Click on your voice-enabled phone number.
- Find the "Voice & Fax" section. Make sure the "Accept Incoming" selection is set to "Voice Calls." The default "Configure With" selection is what you’ll need: "Webhooks/TwiML...".
- In the "A Call Comes In" section, select "Webhook" and paste in the URL you want to use, appending your
Save your changes. Now you're ready to test it out!
Call the Twilio phone number that you just configured. You should hear your message and the call will end.
Great! Next, we'll get some information about the caller so we can send them a follow-up SMS.
When someone dials your Twilio phone number, Twilio sends some extra data in its request to your application.
While Twilio sends a lot of data with each inbound call, the two pieces of information we need are:
- Our incoming caller’s phone number:
- Our Twilio phone number:
While we won’t be using them in this app, many values are included in Twilio’s request to our application. Check out the full list of parameters Twilio sends with every request.
To send our caller an SMS, we'll need to access that
From information. Update your
/answer route to include the following:
const caller = req.body.From const twilioNumber = req.body.To
The code should now look like this:
Getting the Twilio phone number from the request allows us to connect this app to multiple phone numbers and route our responses appropriately.
Now that we have our Twilio phone number and our caller’s phone number, we can send our SMS reply!
Now we can create a new method in our application that sends our caller a message with Twilio's SMS API. To do that, we'll first need to include our Twilio authentication information.
To send an SMS via the API, you’ll need to include the Account SID and authentication token for your Twilio account.
However, we don’t want to expose this information to anyone, so we’ll store that information in a
.env file instead of hard-coding it.
Create a file named
.env at the root of your project. It should contain two lines:
export ACCOUNT_SID=ACXXXXXXXXXXXXXXXXXX export AUTH_TOKEN=your_auth_token
You can find your unique Account SID and Auth Token in your Twilio console. Replace the placeholder values with your SID and token and save the file.
To enable these variables inside the app, remember to load the file into your environment before running the app:
Now your application can safely access your Twilio authentication information.
Now it’s time to send a message to our caller!
app.js file to include a
sendSms method that sends the caller a clue:
Now, update the
/answer route to execute this new
sendSms function. We’ll pass along the
To values found in the initial request.
Save your file and double check that ngrok is still running. If you restart ngrok, you’ll need to reset your webhook for your Twilio phone number via the console.
Try calling your Twilio phone number again. Now you should hear your updated message and get an SMS with a super-secret password!
If you send messages while in trial mode, you must first verify your 'To' phone number so Twilio knows you own it. If you attempt to send an SMS from your trial account to an unverified number, the API will return Error 21219.
You can verify your phone number by adding it to your Verified Caller IDs in the console.
This app doesn’t know if our caller is dialing from a phone that accepts SMS or not. What happens if someone calls from a landline and can’t receive an SMS?
Twilio handles an attempt to send an SMS to a landline differently depending on the location of the SMS recipient.
If you try to send an SMS to a landline in the US, Canada, or the UK, Twilio will not check if the number is a landline first. Instead, it will attempt to send the message to the carrier for delivery. Some carriers (especially those in the UK) will convert the SMS to a text-to-speech message via a voice call.
To learn how to see if your SMS was delivered to your recipient, see our tutorial on tracking the delivery status of your message.
If your recipient is located elsewhere, the Twilio REST API will throw Error 21614, and the message will not appear in your logs.
To better handle exceptions on a call from someone who used a landline to dial our Twilio number, we’ll build some error handling right into our app:
With this exception handling, our caller will still hear our voice response but won’t receive the text.
In our sample app, we’re printing the error message and gracefully exiting. If you were running this app in production, you could handle this exception any way you like: you might track these occurrences in your application logs or spin up a response voice call to your caller.
Now that you know how to leverage both Twilio’s Voice and SMS APIs to send a text message when someone calls your Twilio number, you may want to go deeper:
- Take this app a step further by tracking the delivery status of your messages
- Check out our in-depth API reference for Voice and SMS
- Learn how to create conference calls with Node.js
- Learn how to create true SMS conversations with Node.js
We can’t wait to see what you build!