Send an SMS message During a Phone Call with Node.js and Express

Time to read: 6 minutes

August 21, 2018
Written by
Kat King
Twilion
Reviewed by
Paul Kamp
Twilion
Stephanie Marchante
Twilion
Jonatas deOliveira
Contributor
Opinions expressed by Twilio contributors are their own
Maylon Pedroso
Contributor
Opinions expressed by Twilio contributors are their own

sms-during-call-node

In this tutorial, we’ll show you how to use Twilio's Programmable Voice and SMS to send a text message during a phone call.

We’ll write a small Node.js web application that:

  1. Accepts an incoming phone call
  2. Says something to your caller
  3. Sends the caller a text message

The code we’re going to write uses the Express web framework and Twilio’s Node helper library.

Ready? Let’s get started!

Sign up for a Twilio account and get a phone number

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.

Before you can receive phone calls and send messages, you’ll need to sign up for a Twilio account and buy a Twilio phone number.

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":

Buy A Number Voice SMS

 

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.

Create an Express app that accepts incoming calls

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.

Editor: this is a migrated tutorial. You can clone the code from https://github.com/TwilioDevEd/send-sms-during-inbound-calls-node/

Set up your development environment

To download the code used in this tutorial and run it, you can clone this GitHub repository and follow the setup instructions in the README.

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

You will also need to install Express and body-parser. If using npm, this looks like:

npm install express body-parser --save

Handle incoming calls

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.

require('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const voiceResponse = require('twilio').twiml.VoiceResponse;

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.all('/answer', (req, res) => {
  const caller = req.body.From;
  const twilioNumber = req.body.To;
  sendSms(caller, twilioNumber);

  const r = new voiceResponse();
  r.say('Thanks for calling! We just sent you a text with a clue.');
  res.send(r.toString());
});

function sendSms(caller, twilioNumber) {
  const accountSid = process.env.ACCOUNT_SID;
  const authToken = process.env.AUTH_TOKEN;
  const client = require('twilio')(accountSid, authToken);

  return client.messages.create({
    body: "There's always money in the banana stand.",
    from: twilioNumber,
    to: caller,
  }).then()
    .catch(function(error) {
      if (error.code === 21614) {
        console.log("Uh oh, looks like this caller can't receive SMS messages.")
      }
    })
    .done();
}

app.listen(8000, function(){
  console.log('Send SMS During Inbound Calls listening on port 8000!')
});

module.exports = app;

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:

app.listen(8000);

You can now run this Express application:

node app.js

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?

Allow Twilio to talk to your Express application

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.

ngrok output public url

Now you can configure your Twilio phone number to use this app when someone calls you:

  1. Log in to twilio.com and go to the console's Phone Numbers page.
  2. Click on your voice-enabled phone number.
  3. 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...".
  4. In the "A Call Comes In" section, select "Webhook" and paste in the URL you want to use, appending your /answer route:

Configure your voice webhook

 

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.

Get your caller's phone number from Twilio's request

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:

  1. Our incoming caller’s phone number: From
  2. Our Twilio phone number:   To

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 To and 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:

require('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const voiceResponse = require('twilio').twiml.VoiceResponse;

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.all('/answer', (req, res) => {
  const caller = req.body.From;
  const twilioNumber = req.body.To;
  sendSms(caller, twilioNumber);

  const r = new voiceResponse();
  r.say('Thanks for calling! We just sent you a text with a clue.');
  res.send(r.toString());
});

function sendSms(caller, twilioNumber) {
  const accountSid = process.env.ACCOUNT_SID;
  const authToken = process.env.AUTH_TOKEN;
  const client = require('twilio')(accountSid, authToken);

  return client.messages.create({
    body: "There's always money in the banana stand.",
    from: twilioNumber,
    to: caller,
  }).then()
    .catch(function(error) {
      if (error.code === 21614) {
        console.log("Uh oh, looks like this caller can't receive SMS messages.")
      }
    })
    .done();
}

app.listen(8000, function(){
  console.log('Send SMS During Inbound Calls listening on port 8000!')
});

module.exports = app;

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!

Send an SMS to your caller from your Twilio number

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.

Manage your secret keys with environment variables

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:

source .env

Now your application can safely access your Twilio authentication information.

Programmatically send an SMS from the call

Now it’s time to send a message to our caller!

Update your app.js file to include a sendSms method that sends the caller a clue:

require('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const voiceResponse = require('twilio').twiml.VoiceResponse;

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.all('/answer', (req, res) => {
  const caller = req.body.From;
  const twilioNumber = req.body.To;
  sendSms(caller, twilioNumber);

  const r = new voiceResponse();
  r.say('Thanks for calling! We just sent you a text with a clue.');
  res.send(r.toString());
});

function sendSms(caller, twilioNumber) {
  const accountSid = process.env.ACCOUNT_SID;
  const authToken = process.env.AUTH_TOKEN;
  const client = require('twilio')(accountSid, authToken);

  return client.messages.create({
    body: "There's always money in the banana stand.",
    from: twilioNumber,
    to: caller,
  }).then()
    .catch(function(error) {
      if (error.code === 21614) {
        console.log("Uh oh, looks like this caller can't receive SMS messages.")
      }
    })
    .done();
}

app.listen(8000, function(){
  console.log('Send SMS During Inbound Calls listening on port 8000!')
});

module.exports = app;

Now, update the /answer route to execute this new sendSms function. We’ll pass along the From and To values found in the initial request.

require('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const voiceResponse = require('twilio').twiml.VoiceResponse;

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.all('/answer', (req, res) => {
  const caller = req.body.From;
  const twilioNumber = req.body.To;
  sendSms(caller, twilioNumber);

  const r = new voiceResponse();
  r.say('Thanks for calling! We just sent you a text with a clue.');
  res.send(r.toString());
});

function sendSms(caller, twilioNumber) {
  const accountSid = process.env.ACCOUNT_SID;
  const authToken = process.env.AUTH_TOKEN;
  const client = require('twilio')(accountSid, authToken);

  return client.messages.create({
    body: "There's always money in the banana stand.",
    from: twilioNumber,
    to: caller,
  }).then()
    .catch(function(error) {
      if (error.code === 21614) {
        console.log("Uh oh, looks like this caller can't receive SMS messages.")
      }
    })
    .done();
}

app.listen(8000, function(){
  console.log('Send SMS During Inbound Calls listening on port 8000!')
});

module.exports = app;

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.

What about landlines?

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:

require('dotenv').config();

const express = require('express');
const bodyParser = require('body-parser');
const voiceResponse = require('twilio').twiml.VoiceResponse;

const app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.all('/answer', (req, res) => {
  const caller = req.body.From;
  const twilioNumber = req.body.To;
  sendSms(caller, twilioNumber);

  const r = new voiceResponse();
  r.say('Thanks for calling! We just sent you a text with a clue.');
  res.send(r.toString());
});

function sendSms(caller, twilioNumber) {
  const accountSid = process.env.ACCOUNT_SID;
  const authToken = process.env.AUTH_TOKEN;
  const client = require('twilio')(accountSid, authToken);

  return client.messages.create({
    body: "There's always money in the banana stand.",
    from: twilioNumber,
    to: caller,
  }).then()
    .catch(function(error) {
      if (error.code === 21614) {
        console.log("Uh oh, looks like this caller can't receive SMS messages.")
      }
    })
    .done();
}

app.listen(8000, function(){
  console.log('Send SMS During Inbound Calls listening on port 8000!')
});

module.exports = 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.

What's next?

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:

We can’t wait to see what you build!

Related Posts

Related Resources

A newspaper article

Twilio Docs

From APIs to SDKs to sample apps

API reference documentation, SDKs, helper libraries, quickstarts, and tutorials for your language and platform.
An Open book

Resource Center

The latest ebooks, industry reports, and webinars

Learn from customer engagement experts to improve your own communication.
User group reactions

Ahoy

Twilio's developer community hub

Best practices, code samples, and inspiration to build communications and digital engagement experiences.