Get Started with Node.js Using the NestJS Framework

Sign up for a Plivo account

When you sign up with Plivo, we give you a free trial account and free credits to experiment with and learn about our services. You can add a number to your account to start testing the full range of our voice and SMS service features.

Follow these steps to get a free trial account:

  1. Sign up with your work email address.
  2. Check your inbox for an activation email message from Plivo. Click on the link in the message to activate your account.
  3. Enter your mobile number to complete the phone verification step.

Sign up with your work email address

Sign up with email address

If you have any issues creating a Plivo account, please contact our support team for assistance.

To get started, try sending an SMS message either by using our API and XML documents, or via PHLO, our visual design tool, which allows you to create message flows using an intuitive canvas and deploy them with few clicks.

Set up Your Node.js and NestJS dev environment

You must set up and install Node.js and Plivo’s Node.js SDK before you send your first message.

You can check whether you have Node.js installed under macOS or Linux by running the command node --version in a terminal window. Under Windows, open a Windows command prompt or PowerShell and type node -v. If you don’t have Node.js installed or want a more current version, download and install it.

Install NestJS and the Plivo Node.js package

Install the Nest CLI using npm.

  $ npm i @nestjs/cli

Create a new NestJS project and change to the project directory.

  $ nest new plivosms
  $ cd plivosms

Install the Plivo Node.js SDK using npm.

  $ npm install plivo

Once you’ve set up your development environment, you can start sending and receiving messages using PHLO, our visual workflow design studio, or using our APIs and XML documents. Here are three common use cases to get you started.

Send your first outbound SMS/MMS message

You can create and deploy a PHLO to send your first outbound SMS message with a few clicks on the PHLO canvas, and trigger it with some simple code.

Create the PHLO

To create a PHLO, visit the PHLO page of the Plivo console. If this is your first PHLO, the PHLO page will be empty.

  • Click Create New PHLO.

  • In the Choose your use case pop-up, click Build my own. The PHLO canvas will appear with the Start node.

    Note: The Start node is the starting point of any PHLO. It lets you trigger a PHLO to start upon one of three actions: incoming SMS message, incoming, or API request.
  • From the list of components on the left-hand side, drag and drop the Send Message component onto the canvas. When a component is placed on the canvas it becomes a node.

  • Draw a line to connect the Start node’s API Request trigger state to the Send Message node.

  • In the Configuration pane at the right of the canvas, configure the Send Message node with a sender ID in the From field. Enter the destination number you wish to send a message to in the To field. Put your message in the Text field.

    Note: You can define a static payload by specifying values when you create the PHLO, or define a dynamic payload by passing values through Liquid templating parameters when you trigger the PHLO from your application.
  • If you’d like to send an MMS message, configure the Media URLs field with the media files you’d like to send.

  • Once you’ve configured the node, click Validate to save the configuration.

  • After you complete the configuration, give the PHLO a name by clicking in the upper left, then click Save.

Your PHLO is now ready to test.

Trigger the PHLO

You integrate a PHLO into your application workflow by making an API request to trigger the PHLO with the required payload — the set of parameters you pass to the PHLO. You can define a static payload by specifying values when you create the PHLO, or define a dynamic payload by passing values through parameters when you trigger the PHLO from your application.

In either case, you need your Auth ID and Auth Token, which you can get from the overview page of the Plivo console.

AUTHID

You also need the PHLO ID, which you can copy from the PHLO list page.

PHLO List

With a static payload

When you configure values when creating the PHLO, they act as a static payload.

With Static Payload

Code

Edit the app.controller.ts file and paste into it this code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import { Controller, Get, Post, Res, HttpStatus } from '@nestjs/common';
import { Response } from 'express';
import { AppService } from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get('/trigger_phlo/')
  triggerPhlo() {
    const PhloClient = plivo.PhloClient;
    const authId = '<auth_id>';
    const authToken = '<auth_token>';
    const phloId = '<phlo_id>';
    const phloClient = new PhloClient(authId, authToken);
    phloClient
      .phlo(phloId)
      .run()
      .then(function (result) {
        console.log('Phlo run result', result);
      })
      .catch(function (err) {
        console.error('Phlo run failed', err);
      });
  }
}

Replace the auth placeholders with your authentication credentials from the Plivo console. Replace the phlo_id placeholder with your PHLO ID from the Plivo console.

With a dynamic payload

To use dynamic values for the parameters, use Liquid templating parameters when you create the PHLO …

With Dynamic Payload

… and pass the values from your code when you trigger it.

With Dynamic Payload

Code

Edit the app.controller.ts file and paste into it this code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import { Controller, Get, Post, Res, HttpStatus } from '@nestjs/common';
import { Response } from 'express';
import { AppService } from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get('/trigger_phlo')
  triggerPhlo() {
    const PhloClient = plivo.PhloClient;
    const authId = '<auth_id>';
    const authToken = '<auth_token>';
    const phloId = '<phlo_id>';
    const payload = {
      From: '<sender_id>',
      To: '<destination_number>',
    };

    const phloClient = new PhloClient(authId, authToken);
    phloClient
      .phlo(phloId)
      .run(payload)
      .then(function (result) {
        console.log('Phlo run result', result);
      })
      .catch(function (err) {
        console.error('Phlo run failed', err);
      });
  }
}

Replace the auth placeholders with your authentication credentials from the Plivo console. Replace the phlo_id placeholder with your PHLO ID from the Plivo console. Replace the phone number placeholders with actual phone numbers in E.164 format (for example, +12025551234).

Test

Save the file and start the NestJS application.

$ npm run start
Note: If you’re using a Plivo Trial account, you can send messages only to phone numbers that have been verified with Plivo. You can verify (sandbox) a number by going to the console’s Phone Numbers > Sandbox Numbers page.

Receive your first inbound SMS/MMS message

You can create and deploy a PHLO to receive an inbound text message with a few clicks on the PHLO canvas, without writing a single line of code.

Prerequisite

To receive incoming text messages, you must have an SMS-enabled Plivo phone number. You can rent numbers from the Numbers page of the Plivo console, or by using the Numbers API.

Create the PHLO

To create a PHLO, visit the PHLO page of the Plivo console. If this is your first PHLO, the PHLO page will be empty.

  • Click Create New PHLO.

  • In the Choose your use case pop-up, click Build my own. The PHLO canvas will appear with the Start node.
    Note: The Start node is the starting point of any PHLO. It lets you trigger a PHLO to start upon one of three actions: incoming SMS message, incoming call, or API request.
  • From the list of components on the left-hand side, drag and drop the HTTP Request component onto the canvas. When a component is placed on the canvas it becomes a node.

  • Draw a line to connect the Start node’s Incoming Message trigger state to the HTTP Request node.

  • In the Configuration pane at the right of the canvas, configure the HTTP Request node. Specify the address of your web server and specify that from, to, and text fields should be passed along with the request.

  • Once you’ve configured the node, click Validate to save the configuration.

  • After you complete the configuration, give the PHLO a name by clicking in the upper left, then click Save.

Assign the PHLO to a Plivo number

Once you’ve created and configured your PHLO, assign it to a Plivo number.

  • On the Numbers page of the console, under Your Numbers, click the phone number you want to use for the PHLO.

  • In the Number Configuration box, select PHLO from the Application Type drop-down.

  • From the PHLO Name drop-down, select the PHLO you want to use with the number, then click Update Number.

Assign PHLO to a Plivo Number

Test

You can now send a text message to your Plivo phone number and see how the inbound text is handled.

For more information about creating a PHLO application, see the PHLO Getting Started guide. For information on components and their variables, see the PHLO Components Library.

Forward an incoming SMS/MMS message

You can create and deploy a workflow to implement text message forwarding with a few clicks on the PHLO canvas.

Prerequisite

To receive incoming text messages, you must have an SMS-enabled Plivo phone number. You can rent numbers from the Numbers page of the Plivo console, or by using the Numbers API.

Create the PHLO

To create a PHLO, visit the PHLO page of the Plivo console. If this is your first PHLO, the PHLO page will be empty.

  • Click Create New PHLO.

  • In the Choose your use case pop-up, click Build my own. The PHLO canvas will appear with the Start node.
    Note: The Start node is the starting point of any PHLO. It lets you trigger a PHLO to start upon one of three actions: incoming SMS message, incoming call, or API request.
  • From the list of components on the left-hand side, drag and drop the Send Message component onto the canvas. When a component is placed on the canvas it becomes a node.

  • Draw a line to connect the Start node’s Incoming Message trigger state to the Send Message node.

  • In the Configuration pane at the right of the canvas, configure the Send Message node with the phone number to which you want to forward the message.

  • Once you’ve configured the node, click Validate to save the configuration.

  • After you complete the configuration, give the PHLO a name by clicking in the upper left, then click Save.

Assign the PHLO to a Plivo number

Once you’ve created and configured your PHLO, assign it to a Plivo number.

  • On the Numbers page of the console, under Your Numbers, click the phone number you want to use for the PHLO.

  • In the Number Configuration box, select PHLO from the Application Type drop-down.

  • From the PHLO Name drop-down, select the PHLO you want to use with the phone number, then click Update Number.

Assign PHLO to a Plivo Number

Test

You can now send a text message to your Plivo phone number and see how the inbound text is forwarded.

For more information about creating a PHLO application, see the PHLO Getting Started guide. For information on components and their variables, see the PHLO Components Library.

More use cases

We illustrate more than a dozen use cases with code for both PHLO and API/XML on our documentation pages.

Install Node.js, NestJS, and the Plivo Node.js SDK

You must set up and install Node.js, NestJS, and Plivo’s Node SDK before you send your first SMS message.

Install Node.js

You can check whether you have Node.js installed under macOS or Linux by running the command node --version in a terminal window. Under Windows, open a Windows command prompt or PowerShell and type node -v. If you don’t have Node.js installed or want a more current version, download and install it.

Install NestJS

Install Nest CLI using npm.

  $ npm i @nestjs/cli

Choose the npm package manager when prompted for which package manager to use.

Create a new NestJS project and change to the project directory.

  $ nest new plivosms
  $ cd plivosms

Install the Plivo Node.js SDK

Install the Plivo Node.js SDK using npm.

  $ npm install plivo

Once you’ve set up your development environment, you can start sending and receiving messages using our APIs and XML documents. Here are three common use cases to get you started.

Send your first outbound SMS/MMS message

You must have a Plivo phone number to send messages to the US or Canada; you can rent a Plivo number from Phone Numbers > Buy Numbers on the Plivo console or via the Numbers API.

Create a NestJS server

Create a file called SendSMS.js and paste into it this code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import {Controller,Get,Post,Res,HttpStatus} from '@nestjs/common';
import {Response} from 'express';
import {AppService} from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
    constructor(private readonly appService: AppService) {}

    @Get('/outbound')
    sendSMS() {
        const client = new plivo.Client('<auth_id>', '<auth_token>');
        client.messages.create({
                src: '<sender_id>',
                dst: '<destination_number>',
                text: 'Hello, from NestJS!'
            })
            .then(
                function(response) {
                    console.log(response);
                },
                function(err) {
                    console.error(err);
                },
            );
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import {Controller,Get,Post,Res,HttpStatus} from '@nestjs/common';
import {Response} from 'express';
import {AppService} from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
    constructor(private readonly appService: AppService) {}

    @Get('/outbound')
    sendMMS() {
        const client = new plivo.Client('<auth_id>', '<auth_token>');
        client.messages.create(
                {
                    src: '<sender_id>',
                    dst: '<destination_number>',
                    text: 'Hello, MMS from NestJS!',
                    type: 'mms',
                    media_urls: ['https://media.giphy.com/media/26gscSULUcfKU7dHq/source.gif'],
                    media_ids: ['801c2056-33ab-499c-80ef-58b574a462a2']
                }
            )
            .then(
                function(response) {
                    console.log(response);
                },
                function(err) {
                    console.error(err);
                },
            );
    }
}

Replace the auth placeholders with your authentication credentials from the Plivo console. Replace the phone number placeholders with actual phone numbers in E.164 format (for example, +12025551234). In countries other than the US and Canada you can use a sender ID for the message source.

Note: We recommend that you store your credentials in the auth_id and auth_token environment variables to avoid the possibility of accidentally committing them to source control. If you do this, you can initialize the client with no arguments and Plivo will automatically fetch the values from the environment variables. You can use process.env to store environment variables and fetch them when initializing the client.

Test

Save the file and run it.

$ npm run start
Note: If you’re using a Plivo Trial account, you can send messages only to phone numbers that have been verified with Plivo. You can verify (sandbox) a number by going to the console’s Phone Numbers > Sandbox Numbers page.

Receive your first inbound SMS/MMS message

To receive incoming messages, you must have a Plivo phone number that supports SMS; you can rent numbers from the Numbers page of the Plivo console or by using the Numbers API.

Create a NestJS server

Create a file called receive_sms.js and paste into it this code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { Controller, Get, Post, Res, HttpStatus } from '@nestjs/common';
import { Response } from 'express';
import { AppService } from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
    constructor(private readonly appService: AppService) {}

    @Get('/outbound')
    sendSMS() {
        ..........;
        ..........;
    }
    @Post('/receive')
    async createPosting(@Body('From') from: string, @Body('To') to: string,@Body('Text') text: string) {
    return `Filter for ${from} ${to} ${text}`;
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { Controller, Get, Post, Res, HttpStatus } from '@nestjs/common';
import { Response } from 'express';
import { AppService } from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
    constructor(private readonly appService: AppService) {}

    @Get('/outbound')
    sendSMS() {
        ..........;
        ..........;
    }
    @Post('/receive')
    async createPosting(@Body('From') from: string, @Body('To') to: string,@Body('Text') text: string,@Body('Media0') media_url: string) {
    return `Filter for ${from} ${to} ${text} ${media_url}`;
  }
}

Save the file and run it.

$ npm run start

You should see your basic server application in action at http://localhost:3000/receive/

Expose your local server to the internet

To receive incoming messages, your local server must connect with Plivo API services. For that, we recommend using ngrok, which exposes local servers running behind NATs and firewalls to the public internet over secure tunnels. Using ngrok, you can set webhooks that can talk to the Plivo server.

ngrok block diagram

Install ngrok and run it on the command line, specifying the port that hosts the application on which you want to receive messages (80 in this case):

$ ./ngrok http 80

This starts the ngrok server on your local server. Ngrok will display a forwarding link that you can use as a webhook to access your local server over the public network.

Sample ngrok CLI

Now people can send messages to your Plivo number.

Create a Plivo application to receive messages

Associate the controller you created with Plivo by creating a Plivo application. Visiting Messaging > Applications and click Add New Application. You can also use Plivo’s Application API.

Give your application a name — we called ours Receive SMS. Enter the server URL you want to use (for example https://<yourdomain>.com/receive_sms/) in the Message URL field and set the method to POST. Click Create Application to save your application.

Create Application

Assign a Plivo number to your application

Navigate to the Numbers page and select the phone number you want to use for this application.

From the Application Type drop-down, select XML Application.

From the Plivo Application drop-down, select Receive SMS (the name we gave the application).

Click Update Number to save.

Assign Phone Number to Receive SMS App

Test

Send a text message to the Plivo number you specified using any phone.

Reply to an incoming SMS/MMS message

To receive incoming messages, you must have a Plivo phone number that supports SMS; you can rent numbers from the Numbers page of the Plivo console or by using the Numbers API.

Create a NestJS server

Create a file called reply_sms.js and paste into it this code.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import {Controller,Get,Post,Res,HttpStatus} from '@nestjs/common';
import {Response} from 'express';
import {AppService} from './app.service';
const plivo = require('plivo');

@Controller()
export class AppController {
    constructor(private readonly appService: AppService) {}

    @Get('/outbound')
    sendSMS() {
        ..........;
        ..........;
    }
    @Get('/inbound')
    xmlResponse(@Res() res: Response) {
        ..........;
        ..........;
    }
    
    // Reply to incoming messages.
    @Post('/receive')
    async createPosting(@Body('From') from: string, @Body('To') to: string, @Body('Text') text: string) {
        console.log('Message received - From: ' + from + ', To: ' + to + ', Text: ' + text);
        var message_body = "This is an automatic response";
        r.addMessage(message_body, params);
        console.log(r.toXML()); //Prints the XML
        res.set('Content-Type', 'text/xml');
        res.send(r.toXML());
    }

}

If you haven’t done so already, expose your local server to the internet.

Create a Plivo application to reply to messages

Associate the controller you created with Plivo by creating a Plivo application. Visiting Messaging > Applications and click Add New Application. You can also use Plivo’s Application API.

Give your application a name — we called ours Reply Incoming SMS. Enter the server URL you want to use (for example http://<yourdomain>.com/replysms/) in the Message URL field and set the method to POST. Click Create Application to save your application.

Create Application

Assign a Plivo number to your application

Navigate to the Numbers page and select the phone number you want to use for this application.

From the Application Type drop-down, select XML Application.

From the Plivo Application drop-down, select Reply Incoming SMS (the name we gave the application).

Click Update Number to save.

Test

Send a text message to the Plivo number you specified using any phone. You should receive a reply.

More use cases

We illustrate more than a dozen use cases with code for both API/XML and PHLO on our documentation pages.