New Weather API and Geolocation App Example

Posted: September 15th, 2014 | Author: | Filed under: API | Tags: | Comments Off

Since we know developers love examples, we’ve just added one more! When you create a new app, you can base it on the new Weather API and Geolocation Example. When you create a new app, click “More Create Options” to see the list of available examples:

Screen Shot 2014-09-15 at 3.34.50 PM

The example app demonstrates a number of features:

  1. How to use a 3rd part API – Weather Underground. You do need go sign up for a free developer account and set the API key.
  2. How to use the Geolocation service.
  3. How to handle different service responses (when an airport is found or not).
  4. How to show UI components on page based on a condition.

The app works in two modes. First, you can enter any 3-letter airport code to show the weather information:

Second, instead of using the airport code, you can also use the Geolocation service. It will determine your location and use that to show the weather information (for this to work in a web browser, make sure to allow location tracking for the domain appery.io):

Screen Shot 2014-09-15 at 3.40.40 PM

 

Happy app development in the cloud!

 


Video: Building Enterprise Mobile Apps Fast with the Orchestrate Database and Appery.io Development Platform

Posted: September 15th, 2014 | Author: | Filed under: API, Database, Enterprise, Events, Partner, Video, Webinar | Tags: , , , , , | Comments Off

This is a recording of the webinar we did with our friends from Orchestrate. This video shows how to build a Contacts mobile app in Appery.io connected to Orchestrate database.

Here’s what’s covered:

  • An overview of Orchestrate features and dashboard
  • Inserting sample data into the Orchestrate database from the dashboard
  • Appery.io platform overview
  • Creating app UI using the visual drag and drop editor
  • Connecting to the Orchestrate database via REST APIs
  • Binding the REST API services to pages using the visual binding editor
  • Testing the app
  • Publishing as a mobile web and building a binary for Android
  • Q&A


Building Mobile Apps With the Appery.io Development Platform and Orchestrate Database

Posted: August 11th, 2014 | Author: | Filed under: API, Database, Enterprise | Tags: , , | Comments Off

Gone are the days when you could afford to take months to build an enterprise mobile app. In today’s fast market, you need to be able to prototype the app in a few days (or even hours), release the first version in a few weeks, get feedback, fix bugs, release the second version. Repeat.

To help you meet this challenge, Appery.io and Orchestrate have collaborated to create this step-by-step tutorial on just how fast you can build a real mobile app. The app is built in the Appery.io visual development platform, connected to an Orchestrate database via REST APIs, tested, and deployed. (If you’re new to Appery.io you can start with the Building your first mobile app tutorial.)

In addition, Appery.io and Orchestrate will hold a joint webinar titled “Building Enterprise Mobile Apps Fast with the Orchestrate Database and Appery.io Development Platform” covering this material on September 11 at 10:00am Pacific time. Register now!

Read the rest of this entry »


Mobile first? Or, API first? Join our webinar with SOA Software.

Posted: August 6th, 2014 | Author: | Filed under: API, Events, Partner, Webinar | Comments Off

Appery.io and SOA Software have collaborated on an end-to-end solution to the “mobile first” vs. “API first” question—an integrated experience that covers everything from exposing and managing APIs to building entire cross-platform apps.

This integrated platform streamlines development, decreasing time-to-market and increasing developer adoption.

Join Appery.io’s Max Katz, and SOA Software’s Ryan Bagnulo on Tuesday, August 26th at 10 AM Pacific for a joint webinar to learn more about the new integrated mobile development and API management solution.

In the webinar, you’ll learn about the real-world challenges and obstacles of creating and using APIs and cross-platform mobile apps and the benefits of using an integrated API management and mobile development environment.

You will also be introduced to the platform and see it’s benefits; the webinar will feature a live demonstration of from-scratch mobile app development using a cloud-based API management platform.

Register now!


Appery.io and Auth0 Join Forces To Simplify Mobile App Development With Identity Management

Posted: July 2nd, 2014 | Author: | Filed under: API, Articles, Events, Features, Partner, Plugin | Tags: , , , , , , | Comments Off

apperyio_plus_auth0

Building mobile apps with identity management wasn’t simple, until now. Auth0, a cloud service that eliminates the friction of identity for your app, and Appery.io, the only cloud platform with visual development tools and integrated backend services, are collaborating to make this happen. With the jointly created Appery.io Auth0 plugin, you can simplify identity management integration for your app, and this post will show you how.

Register for the Appery.io and Auth0 joint webinar on August 6, 2014 at 11:00 AM PT

Building Secure Mobile Apps in the Cloud with Appery.io and Auth0 Identity Management

Register now

Appery.io Platform

Appery.io is the only cloud-based platform with visual development tools and integrated backend services. Appery.io provides a powerful visual environment to build HTML5 and hybrid mobile apps connected to any API.

The Appery.io platform provides the following core features:

  • Build HTML5 mobile apps and hybrid apps for iOS, Android, and Windows Phone.
  • Drag and drop visual app builder for quickly building the app UI, with Source view for customizing the UI with any code.
  • Connect to any cloud API service, and bind the service to the page via a visual binding editor.
  • Integrated backend services that include: cloud database, push notifications, and server code.
  • HTML5 app hosting.
  • Fast testing in-browser, and on device via Appery.io Mobile Tester app.
  • Collection of plugins that provide fast integration with popular API providers.

Read the rest of this entry »


Building Mobile Apps with Tropo API in Appery.io

Posted: June 4th, 2014 | Author: | Filed under: API, Tutorials | Tags: , | Comments Off

Tropo provides a powerful cloud API that can be used to add real-time communication features to your app. Using  popular web technologies such as PHP, JavaScript, Ruby and many others, it makes it easier to create and control network features.

tropo_log

Tropo also provides a great REST API that lets you configure and control Tropo applications through the use of RESTful methods. This includes the ability to create new Tropo apps, add phone numbers to them, delete applications, and much more. And as Appery.io provides a very comfortable way to work with REST API’s, it’s unbelievably easy to add Tropo communication features to your Appery.io app.

But before you begin, the Tropo application should be created by using the Scripting or Web API. Lets start with creating a simple Tropo app!

Sign up on the Tropo website, and create a new app:

tropo_new_app

Type a Tropo application name, and choose Scripting API:

tropo_basic_info

Now you should create script. Click “New script” to create it:

tropo_new_script

The text editor will appear. Lets add some simple code:

Code explanation:

Function say will pronounce “Hello from Appery.io!” text by using the Tropo’s Text-To-Speech engine. After that, the phone number that was passed as a REST parameter will be dialed. Once the call is accepted, a second phrase will be pronounced. Note that the second phrase contains REST parameters too.

Enter the script name, and click “Save.” Don’t forget to specify the script file extension as “.js”:

tropo_new_script

Click “CREATE APP,” and you’re done with the Tropo side. You can test your Tropo app directly from the browser by using Phono. Click “Call App from browser” and then click the phone icon in the bottom left corner:

tropo_call_from_app

Note that you can’t test the call function directly from the browser.

Now you can launch your Tropo app via REST services from Appery.io.

Copy the voice API key to your clipboard:

tropo_api_key

In your Appery.io app, create the following UI:

tropo_ui

If you not familiar with Appery.io yet, we recommend looking at this very simple beginners tutorial.

All the application magic will be kept in a single REST service that will start the Tropo session. Create the REST service and specify the following settings:

tropo_rest_settings

As you can see, there is the Appery.io Proxy provided for this REST service. Click “New channel,” enter a new proxy name for this REST, and then click “Create” to create a new proxy channel directly from the Appery.io builder.

Note: Read about the Appery.io proxy via the link.

In the Request tab, you can specify parameters and their values that can be passed to the Tropo app. In our case, the Request parameters are the following:

tropo_request_parameters

Go to the Test tab and click “Test.” If everything was done correctly, you’ll see a “Test successful” message, and a REST service response that contains both token and id:

tropo_test

Note that you should obtain phone number to make calls, otherwise the script will fail. You also need to link the UI and REST service parameters.

Switch to Data tab, and create a new datasource based on this REST service. Click “Edit Mapping”:

tropo_rest_datasource

Create the following mapping for REST service Request:

tropo_rest_mapping

This will map data from the UI components to the REST parameters. If it’s difficult to understand, read about REST services and mapping.

Unlike the Request parameters, we will print the REST service response without mapping to print all its data. Open the Events tab, and create the following event:

start_tropo_session > Success > Run JavaScript. Add the following JavaScript code:

Note that session_response in this case is the name of your Text Area component.

The last thing to do is to launch our REST service by clicking the button. Switch back to Design view, select the “Start session” button and add the following event:

start_session > Click > Invoke service > start_tropo_session.

Now you can test your app by clicking the “Test” button in the top right corner of the screen.

Click “Start session” and you’ll see the result:

tropo_test_app

If something above was not clear enough for you, check out the Appery.io tutorials and documentation.

Go ahead and create apps using Tropo documentation and the power of Appery.io!


Webinar: Learn How to Build Mobile Apps with Facebook API

Posted: May 12th, 2014 | Author: | Filed under: API, Events | Tags: , , | Comments Off

Join the Appery.io webinar this Wednesday, at 11am (Pacific Time) learn how to build mobile apps with Facebook API.


Using Facebook API in Appery.io App

Posted: April 28th, 2014 | Author: | Filed under: API, Tutorials | Tags: , | Comments Off

When building a mobile app in Appery.io, it’s very easy to use and connect to any APIs. Facebook provides one of the most popular and widely used APIs that you can as easily use in the app you build in Appery.io.

facebook-logo

Appery.io provides a really simple out-of-box approach to pass the OAuth protocol and connect with Facebook. Before building the Appery.io app you need to register as developer with Facebook and create an app. Once it’s done, go to Appery.io builder and import the Facebook API plug-in:

fb_import_plug_in

Once the plug-in is imported you need to specify Appery.io app ID and Facebook app ID in the Facebook_Setting file that listed under the Services folder:

fb_settings

One more thing to do is change the Start Page in App settings to Facebook_Login. After that you can test the app. You’ll see the Login to Facebook button, clicking on which will dial the OAuth log-in dialog, where you should enter your Facebook login and password. After successful authentication, information about you will be displayed at the Facebook_Me page:

fb_me_page

All of the Graph API features can be used the same way, but note, that some actions requires certain scope. You can change default scope parameter in the Facebook_Helper JavaScript file:
fb_tutorial_helper

That’s it, you can now invoke any available Facebook API.  Go ahead and see how to post a wall message in our detailed Facebook tutorial.


Connect With API Providers in Appery.io App Using OAuth.io

Posted: April 1st, 2014 | Author: | Filed under: API | Tags: | Comments Off

OAuth is an open protocol to allow secure authorization from web, mobile, and desktop apps. However, making  OAuth work in your mobile app is not a simple task and often takes a lot of time and effort. Using the OAuth.io service is a great and simple way to save time, and make the authentication pretty much work out-of-the-box.

oauth-io-logo

OAuth.io service can be easily integrated in Appery.io app. There are two ways to setup the OAuth.io plug-in in Appery.io app:

Include OAuth.js as JavaScript asset

This approach can be helpful when developing a mobile web app. Apps with OAuth.js included as JavaScript asset work from browser and can be quickly tested by clicking the Test button. Such approach saves development time because you don’t need to install the app on the device every time after making changes. These are the steps:

  1. Go to OAuth.io web site and download the latest JavaScript library.
  2. Upload this library to your Appery.io app by choosing Create New -> JavaScript -> Create from file.
  3. You have to remove or comment the if statement on line 193 in that file because the Appery.io app already contains some methods with “OAuth” name.

Include as PhoneGap plugin

Apps with OAuth.io service included as PhoneGap plugin will not work from the browser. Such apps should be built as binary and installed directly on the device. Steps for adding OAuth.io as PhoneGap plugin are almost identical to adding any 3rd party PhoneGap plug-in:

  1. Download repository from github plug-in page.
  2. Create new folder for this plugin in the Appery.io app and upload oauth.js:
  3. Add the following line of code to the very beginning of this file:
    • cordova.define(“com.phonegap.plugins.oauthio”, function (require, exports, module) {
      and the closing bracket to end of file “}”.
    • Edit the cordova_plugins.js file by adding plug-in description.

Once the OAuth.io included in Appery.io app the same code can be used to initialize and authenticate. See the OAuth.io documentation for code examples.

Examples

Adding Oauth.io service to your app is pretty simple.  See our detailed tutorial where we describe how to authenticate with Google and how to post to Facebook.


Exadel’s Appery.io Partners with Edmunds for Developer Challenge at SXSW

Posted: March 5th, 2014 | Author: | Filed under: API, Events, Plugin | Comments Off

What better way to kick off Appery.io’s partnership with Edmunds than with a developer challenge at one of the world’s most forward-thinking conferences? We are thrilled to announce that we have partnered with Edmunds to speed innovation on the Edmunds API Platform.  To kick off our partnership we are inviting developers to create their apps and demo them at the Edmunds booth at SXSW Interactive for a chance at winning great devices, sponsored by Edmunds.  

As part of our partnership the companies have already collaborated to create an Appery.io plugin that makes it simple to integrate Edmunds car data into mobile apps that simplify the car buying experience for consumers.

“Exadel is thrilled to announce its partnership with Edmunds and believes this challenge offers developers the opportunity to win great prizes by using two platforms that value simplicity and effectiveness,” said Fima Katz, CEO of Exadel. “All contestants need to do is incorporate Edmunds API, which is free, using Appery.io’s platform. We are looking forward to seeing the demos at SXSW.”

“We’re pleased to be launching a partnership and developer challenge with Exadel’s Appery.io, especially at an event like SXSW, which inspires innovation across so many industries!” said Ismail Elshareef, Senior Director of Open Platform at Edmunds. “We’re most excited to see the developers’ apps in action and how they integrate Appery.io and the Edmunds API to create mobile offerings that simplify and improve the researching and car buying experience for consumers.”

Appery.io and Edmunds make development so easy that an app showing consumer reviews of any car model can be built in less than 7 minutes.

If interested in participating, please sign up and find the resources you will need at http://appery.io/edmunds.  Be sure to come see us at Mashery’s Circus Mashimus Lounge (Room 3 at the Austin Convention Center, near the main entrance of Trinity Street) open 1-6 PM on Friday March 7 and 9 AM – 6 PM from Saturday March 8 to Monday March 10.

Stay updated on SXSW activity by following @apperyio, @Edmunds and @Mashery and contribute to the challenge using the hashtags below:

  • #EdmundsApperyio – the official hashtag for the challenge
  • #CMLounge – the official hashtag for the Mashery Lounge

Good luck and see you in Austin!