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:
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.
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 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.
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.
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.
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.
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.
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.
You also need the PHLO ID, which you can copy from the PHLO list page.
When you configure values when creating the PHLO, they act as a static payload.
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.
To use dynamic values for the parameters, use Liquid templating parameters when you create the PHLO …
… and pass the values from your code when you trigger it.
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).
Save the file and start the NestJS application.
$ npm run start
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.
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.
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.
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.
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.
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.
You can create and deploy a workflow to implement text message forwarding with a few clicks on the PHLO canvas.
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.
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.
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.
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.
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.
We illustrate more than a dozen use cases with code for both PHLO and API/XML on our documentation pages.
You must set up and install Node.js, NestJS, and Plivo’s Node SDK before you send your first SMS 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 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 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.
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 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.
Save the file and run it.
$ npm run start
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 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/
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.
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.
Now people can send messages to your Plivo number.
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.
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.
Send a text message to the Plivo number you specified using any phone.
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 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.
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.
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.
Send a text message to the Plivo number you specified using any phone. You should receive a reply.
We illustrate more than a dozen use cases with code for both API/XML and PHLO on our documentation pages.