Category: API

Building Apps with Appery.io and Mashery-Managed APIs [Webinar]

What: Neil Mansilla (Mashery) and I will describe the Mashery API management platform and the Appery.io mobile app development and support platform and will explain how they fit together. Max will then demo building two apps in Appery.io using Appery.io plug-ins for Mashery-managed APIs.

When: Tuesday, May 21, 2013 from 10:00 AM to 11:00 AM (Timezone: America/Phoenix)

Register now: https://www1.gotomeeting.com/register/920503433

A Mobile App Is More Than Just a Backend

There are more than over 40 services that provide a mobile backend as a service, also known as BaaS. The most well known are Parse (acquired by Facebook), Kinvey, StackMob, and many more. Appery.io also provides a mobile backend.  All make it very easy to setup a backend for your app such cloud database, Push notifications and other features. built.io is a new backend as a service (BaaS) provider and joins the already crowded space.

Many believe that to build a mobile app (HTML, hybrid, or native) all you need is to create a mobile backed. In the article What Happens When Almost Anybody Can Build A Mobile Business App? the author talks about how easy it is to create a mobile app using build.io backend services. And it is very easy — to create the mobile backend. But who is going to create the app UI and then connect the UI to the mobile backend? A mobile app is not just the backend. A mobile app has user interface (UI), backend services, 3rd party APIs and then connections between UI and the services.

What tools can you use to build the mobile UI and connect the UI to the services? One response I recently got was: “Use Eclipse or xCode”

The reason you would be using cloud-based backend services is because they are very simple to create and use. You don’t have to install anything, configure anything. Just sign up and start building your backend. Eclipse and xCode are very powerful tools but they are not easy to use. They are traditional tools meaning they need to be downloaded, installed and configured. At least for Eclipse, you would need to download and configure various frameworks to build the app UI. It’s not easy and will take a long time. So, why would you easily create a cloud-based mobile backend but then pick more complicated tools for building the UI?

A mobile app is more than just a backend. It is mobile UI, backend services and 3rd party APIs, all integrated. Appery.io is the only cloud-based platform that provides all the tools you need:

  1. Visual and source UI development tools
  2. Integrated backend services (BaaS)
  3. Connections to any API as well as pre-built connectors to many popular APIs

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.

New ESPN, Aetna and Best Buy API Plug-ins in Tiggzi Platform

We recently published three new API plug-ins in Tiggzi Platform that also include a ready-to-run sample apps. Follow the links to learn how to use and add plug-ins to your app.

espn-logo

Find the Sports News You Want with ESPN API Plug-in

aetna

Search, Review, and Compare Prices with Aetna GoodRx API and Sample App Tiggzi Plug-in

best-buy-logo

Get Access to the Entire Best Buy product catalog with New Tiggzi Plug-in and Sample App

MongoDB Integration in Tiggzi App Builder

Back in July we launched Tiggzi Database for storing app data. It’s the first offering from Tiggzi Backend Services. We are now working on Push, and Server-side code. Last week we also added File API for storing files.

Tiggzi Database is MongoDB but with some really nice extra features. First, is the web console for managing databases, managing collections, and even trying out queries:

Second, everything in the database is instantly exposed via REST API. The web console offers curl request commands to make it very easy to try it:

Anything that’s exposed via REST, you can easily use that service in Tiggzi app builder. It can be a database, or any 3rd party REST API. When using 3rd party REST API, you add a new service, set its URL, define its request parameters and then define its response parameter.

As the database is part of the Tiggzi mobile platform, we are able to give you much better integration between the builder and the database (and other soon available services). It’s very simple but extremely powerful. From the app builder, you can browse all the databases you have, select a particular collection and instantly generate all the REST services for that collection. Check it out.

Create New > Database Services

Once you select a database, you can see what collections it has:

You can select which services you want to generate. The top section lists User management services.

The services selected will be generated under Services folder:

Every generated service is ready to be used, the URL is set, the request parameters are set, and the response parameters are set. Here is an example of create service (POST):

If you are wondering what’s next? We are planning to add a full CRUD generation, in addition to services, we will also generate the mobile pages.

Give it a try and let me know what you think.

Tiggzi And The Backend as a Service Ecosystem Map by Kinvey

Our friends at Kinvey posted an update to their really nice Backed as a Service Ecosystem map. Some call it the subway map, the Pacman map, or you can also look at it as “Where we fly map”.

Thank you to Kinvey for including Tiggzi, we really appreciate it.

Tiggzi is right there:

A lot has changed in Tiggzi in the past couple of months so I would like to offer an update. Hopefully the map can be updated.

I don’t believe Mobile SDK is the best fit for Tiggzi (and other players such Sencha and Appcelerator). Tiggzi is much more than a mobile SDK, in fact, it’s a mobile app platform (more about it below). One suggestion is to add a new line that would include Tiggzi and others such as Appcelerator.

Tiggzi is a mobile app platform, and one of its biggest components is the mobile app builder.


Drag and drop app builder

It’s a cloud-based, drag and drop builder (IDE) for creating HTML5, jQuery Mobile and PhoneGap apps. As Tiggzi app builder uses jQuery Mobile and PhoneGap to create apps — it’s probably best to list it on a separate line with lines going to jQuery Mobile and PhoneGap (already exists). Again, this is just my opinion.

In early July we launched Backend Services under io.tiggzi.com. The first feature in the backend services is a cloud database.


Database features


Database web console

We are also working on Push, File storage, Server-side code, and Analytics features. I think there should be a line going from Tiggzi to BaaS line (io.tiggzi.com) – similar to Sencha’s connection to Sencha.io.

To summarize, this is Tiggzi mobile platform:

  • Visual UI builder (HTML5, JavaScript, CSS, libraries such as jQuery Mobile, PhoneGap, etc)
  • 3rd party REST API services
    • Plug-ins (pre-packaged API services and pages)
  • Backend services
    • Database
    • Push (available soon)
    • File storage (soon)
    • Server-side code (soon)
    • Analytics (soon)
  • HTML5 app hosting
  • Binary build

Tutorial Creating jQuery Mobile App with Tiggzi Database API – MongoDB [Pictures]

We just published a step-by-step tutorial on building a jQuery Mobile app with Tiggzi Database API.

It was always incredible simple to build app in Tiggzi, now that Tiggzi added a cloud database, it has become even easier and faster. Check out this screen cast.

Creating the UI with a visual editor

The first step is to build the UI with jQuery Mobile.

Creating database

Create a database and a collection for your app data. Everything is instantly exposed via RES API and you even get curl hints.

Defining REST service

Defining the services includes the following:

  1. Setting up service URL
  2. Defining request parameters
  3. Testing the service
  4. From test results, automatically defining service’s response parameters (JSON structure)

Setting REST service URL

Setting up service URL to point to Tiggzi database/collection.

Defining request parameters

Setting up database id.

Testing the service

Right on the spot test the service to make sure it works.

Response parameters (JSON structure)

From test response, you can automatically create the service’s output.

Mapping the service to UI

Binding the service to UI.

Testing the app in browser

Testing the app in browser (there is also an option to test without the mobile frame)

Try the tutorial!