Press enter to see results or esc to cancel.

GIPHY and Twilio “Text a GIF” Project [API Smash]

One of the reasons that we built RapidAPI is to make it easier to call multiple APIs through one console. No more juggling multiple API libraries!

We’re starting a series where we smash two APIs together to make a project. Today? We’re putting together GIPHY and Twilio to make “Text A GIF” script that texts someone a GIF based on a user-inputed phrase.

 

api-smash-5-copy

 Read on for more!

Demo: “Text a GIF” 

We created a “Text a GIF” app that runs in the Terminal.  The user types in a phrase and a phone number and the “Text A GIF” app sends a related, random GIF. See below for a demo!

giphytwilio_apismash_final

Aaaaaand here’s the source code.  You can also find it on GitHub.

We built this project by exporting JavaScript code snippets from RapidAPI’s GIPHY and Twilio API packages. You can recreate this app in your preferred language by filling in the parameters on RapidAPI and exporting the snippet in the language of your choice (ex. Python, PHP, Java, Objective-C and cURL).

 

giphy-5

 

Now, here’s how we built it!

Step 1: Storing user inputs in variables

The first lines of code call RapidAPI. (If you haven’t already installed it, you’ll be walked through that process when you sign up for a free RapidAPI account).

Next, the “Text a GIF” app requires the user to input text and a phone number from the command line. The following lines of code store these user inputs into two variables.

Note: In order for Twilio to read the phone number, it must be written in E.164 formatting. All that means is “+” then country code, then number, with no dashes or spacing. For example, +18008675309.

Step 2: Connecting to the GIPHY API

How to Call the GIPHY API

Our next step was connecting to the GIPHY via the RapidAPI package and exporting the code snippet in JavaScript.

The endpoint we used for this app was translateTextToGif.  This endpoint generates a GIF based on the word that you type in. You can even filter the results by rating (G, PG, PG-13, R) and language (using the ISO 639-1 country code–English is “en”).

You can test this endpoint right within your browser. Type in the parameters above and use dc6zaTOxFJmzC as an access_token. GIPHY provides a public beta key for anyone to use. (If you want to submit an app for production, you can request a production key here.)

 

giphy-6

 

 

Incorporating the GIPHY API into the code

Using the translateTextToGiF endpoint, the GIPHY API generates a GIF based on the text the user inputed into the Terminal (in this case, gifText ).

If the call is successful, the script will call Twilio’s API to text a MMS with the generated GIF. If the call isn’t successful, the script will read an error message that lets the user know the problem was with the GIF generation.

Step 3: Call the Twilio API

How to call the Twilio API

Our next step was connecting to the Twilio API to send a text message. In order to connect to the Twilio API, you’ll need an accountToken, accountSid, messagingSid and to generate a Twilio phone number. These can all be generated for free on the Twilio developer portal. Here’s a quick post on how to get the credentials that you need.

Note: If you generate a free “from” phone number with your Twilio developer account, then the phone number you associate with the free “from” number is the ONLY one you can send messages to. In this case, the “Text A GIF” app will only send GIFs to your phone number. In order to send a message to any number, you must purchase an upgrade (see more in the Twilio developer console). 

Incorporating the Twilio API into the code

For the “Text a GIF” project, we called the sendMms endpoint. Using this endpoint, Twilio can send a multi-media message to the phone number the user entered (in this case, the variable phoneNumber).

The GIPHY API translateTextToGiF endpoint returns a variety of data. To store the image URL, we created a variable called gif. (Scroll down through code to display).

If the GIPHY API call is successful in generating a GIF, then the Twilio API will retrieve the image URL (gif) and text it to the phone number the user inputted initially (phoneNumber). The script will then prompt the user with “Check your phone!” If the Twilio API call is unsuccessful, the script will return the prompt “Error sending MMS.”

Ta-da! 

giphy-4

This article wouldn’t be complete without at least one celebratory GIF. Let us know what you think of this project or the GIPHY API in the comments below. Or give us some suggestions on which APIs we should mash up next!


Also published on Medium.

Comments

8 Comments

Sfaturi practice

… [Trackback]

[…] Find More on|Find More|Find More Infos here|Here you can find 54297 more Infos|Informations on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

online marketing agency st neots

… [Trackback]

[…] Read More here|Read More|Read More Informations here|There you will find 96666 more Informations|Infos on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

you can try here

… [Trackback]

[…] Find More here|Find More|Find More Informations here|There you can find 3831 more Informations|Infos to that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

DMPK Studies

… [Trackback]

[…] Read More on|Read More|Find More Informations here|There you will find 79069 additional Informations|Informations on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

best information

… [Trackback]

[…] Find More on|Find More|Find More Informations here|Here you will find 33735 more Informations|Informations to that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

federal criminal defense

… [Trackback]

[…] Read More here|Read More|Find More Infos here|Here you will find 64155 more Infos|Informations on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

Infos

… [Trackback]

[…] Find More here|Find More|Find More Infos here|Here you can find 83648 additional Infos|Infos on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]

hasil togel singapore

… [Trackback]

[…] Find More on|Find More|Read More Infos here|There you will find 84032 more Infos|Informations on that Topic: blog.rapidapi.com/2016/12/07/giphy-and-twilio-text-a-gif-project-api-smash/ […]


Leave a Comment

Tell us your thoughts!

Spread the API ❤️