1.4 - Twilio SMS Setup

Overview

For Fullscreen: https://www.youtube.com/watch?v=wmm6KBGwkbA&t=2s


Setup Twilio Account

In order to use our Twilio Service, you will need to have an active Twilio account.

Once once you have your Twilio account setup you will need to gather your account SID, Auth Token, and the phone number that is paired to your Twilio account.

You can find all of these values on the Dashboard page of your Twilio Account.


Download the Twilio Service to your Q-Server

Now that you have your Twilio Account setup and all of the requisite credentials navigate to your

Q-Server’s Library Page, select the Services tab, and download the Twilio Service.


Configure the Twilio Service

With the Twilio service downloaded you can now configure it. To do so, navigate to the Services tab on the left-hand toolbar, click the Twilio service action buttons, and click “Start”.

From here a pop-up window will appear, this is where you will enter your account SID and Auth Token. After entering these values hit “Next”.

Now, enter your “From” Telephone number and click “Next”.

Lastly click the “Activate” button.

After the service has been activated you should see that the status has changed from “Stopped” to “Running”.

Your Twilio service is currently running. If you would like to see how you can use it in an application follow the steps below.


Create an Application

With your Twilio service running, navigate from the Services page to the Application Builder using the left-hand toolbar and create an Application. We named ours “Twilio”.


Build the Application

Use the search bar on the left hand side of the screen to find the Twilio service object and then drag the object onto the canvas. We named ours Twilio using the properties panel for the object.

Next, drag a Static String and a Static Number object onto the canvas. We named our Static String object “Hello!” and our Static Number object “Phone Number”. Connect the “String” out port from the String object to the “SMS message” in port on the Twilio Object.

 

 

Click on the “Value” port on the Static Number object, set the port to “Trigger” via the properties panel, and save the properties.

Now, click on the Static String object’s “String” in port to configure the string. We set our string to “Hello!”.

Be sure to save any changes you make in the properties panel by clicking on the “Save Properties” button. If you don’t, any changes you make will be lost!

Now, we will drag a Button and an Input Number interface object onto the Canvas.

Drag a link from the “State” out port on the Button object to the “Trigger” in port on the Static String object. For the Input Number object, drag a link from the “Number” out port to the “Value” in port on the Static Number object.

Your application is complete, now you can save it!


Run Your Application

Navigate back to the applications page and click the play button next to the “Twilio” application.

The application mapper will expand, but because there are no hardware objects used in this application, we do not need to map it. So, simply hit the “Save + Run” button.

 


Use the Application

Now, from the applications page we will need to navigate to the dashboard. To do so click on the “Dashboard” button on the upper right hand side of the screen.

From the Dashboard, click on the “Twilio” application.

You will then be taken to the Dashboard interface built for the Twilio application.

To use the App, simply input the phone number you would like to send an SMS message to and then click the button.

After a few short moments the message should be received by the phone you sent it to!

That’s it. Happy Making!