Receive MMS Messages Using Node.js

Overview

This guide shows how to receive MMS messages on a Plivo phone number.

You can start receiving MMS messages either by using our PHLO visual workflow builder or our APIs. Follow the instructions in one of the tabs below.

You can create and deploy a PHLO to receive an MMS message with a few clicks on the PHLO canvas.

How it works

Receive MMS

Prerequisites

To get started, you need a Plivo account — sign up with your work email address if you don’t have one already. To receive incoming messages, you must have a Plivo phone number that supports MMS. 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.

Create a PHLO to receive MMS

  • 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 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 and URLs for the media associated with the message 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 an MMS message to your Plivo phone number to see how the inbound message 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.

Here’s how to use Plivo APIs to receive MMS multimedia messages.

How it works

Receive MMS

Prerequisites

To get started, you need a Plivo account — sign up with your work email address if you don’t have one already. To receive incoming messages, you must have a Plivo phone number that supports MMS; you can rent numbers from the Numbers page of the Plivo console or by using the Numbers API. If this is your first time using Plivo APIs, follow our instructions to set up a Node.js development environment.

Create an Express server to receive MMS messages

Create a file called receive_mms.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

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(function (req, response, next) {
    response.contentType('application/xml');
    next();
});
app.set('port', (process.env.PORT || 3000));
app.all('/receive_mms/', function (request, response) {
    let from_number = request.body.From || request.query.From;
    let to_number = request.body.To || request.query.To;
    let text = request.body.Text || request.query.Text;
    let media_url = request.body.Media0 || request.query.Media0;
    console.log('Message received - From: ' + from_number + ', To: ' + to_number + ', Text: ' + text+ ', Media: ' + media_url);
});
app.listen(app.get('port'), function () {
    console.log('Node app is running on port', app.get('port'));
});

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 MMS. Enter the server URL you want to use (for example https://<yourdomain>.com/receive_mms/) 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 MMS (the name we gave the application).

Click Update Number to save.

Assign Phone Number to Receive MMS App

Test

Send a text message with an image, video, or audio attachment to the Plivo number you specified using any phone.