Adding AT&T In App Messaging Plug-in To Your Mobile App

AT&T recently launched new In App Messaging API. The API makes it very easy to send SMS message from your mobile app, using your own number. Another great feature is that now you can send a message to any mobile number, regardless of carrier.

To make it as easy as possible to use this API, we added a plug-in to Tiggzi Platform. The plug-in has all the API pre-configured and comes with a sample app. If you don’t have one yet, sign up for ATT Developer account.

  1. Go to http://developer.att.com and sign up
  2. Register a new app. When you enter app details, check In App Messaging from Mobile Number (Beta).
  3. Once the app is created, you will see this:
    Selection_915
    You will need to use the App Key and Secret values when we import the plug-in.

We’ll come back to this page a little bit later to set the callback URL.

Let’s go to Tiggzi Platform.

  1. Create a new app in Tiggzi.
  2. From Project view, Create New > From Plug-in:
    Selection_912
  3. Next, under Communication category, select ATT In App Messaging API and Sample App (you can also search for it).
  4. Click Import selected plug-ins button
  5. When the plug-in is imported you will see a new page as well as three services under Services folder. You can open the pageĀ ATT_Messaging page to see how the UI looks:
    Selection_917
    The Sign In to AT&T button will only appear if you need to sign in into AT&T to authenticate. The area to send the message won’t be displayed. If you are authenticated, then only the section to send the message will be displayed.
  6. Delete startScreen page (created with the new project)
  7. Open ATT_Settings service and paste in the App Key and Secret values from the app configuration page:
    Selection_916
  8. Just a few more steps before you can test the app. Open Test in the upper right corner and check Public and uncheck Show in mobile frame:
    Selection_918
  9. Copy the URL shown, then go back to app settings on AT&T developer site and enter the OAuth Redirect URL (you might need to click to edit the app):
    Selection_919
  10. That’s everything and test the app in desktop browser.

When you test the app in a desktop browser, to authenticate you will need to enter your mobile number to get a 4-digit code. When you test on the mobile device, you won’t need to do this. To test on the mobile device, email the link to the device or simply scan the QR code in Test window.

Selection_920

When you receive the text and click Allow, you will need to enter the number received:

Selection_921

Once you enter the number, you will be redirected to the app:

Selection_922

As you can see, it’s very simple to start using AT&T In App Messaging API in your app. If you have any questions, please post them on our forum or email us at support@tiggzi.com.

Final note, this plug-in only works when running the app in the browser. As the API requires oAuth 2 authentication, it won’t in a PhoneGap (hybrid) app. We will update the plug-in to work in a PhoneGap app as well.

One thought on “Adding AT&T In App Messaging Plug-in To Your Mobile App

  1. Pingback: Send Mesages with New AT&T In App Messaging API Plug-in | Tiggzi: Cloud-based Mobile App Platform

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s