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 »


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.


Appery.io + Salesforce: The Tools to Build Enterprise Mobile Apps Fast

Posted: August 1st, 2013 | Author: | Filed under: API, Enterprise, Plugin | Tags: , , | Comments Off

We just made it incredibly easy and fast to build enterprise mobile apps connected to Salesforce API with the Salesforce Mobile Pack for Appery.io. Appery.io has two plug-ins that make it super easy to connect to Salesforce:

  • Salesforce OAuth API – this plug-is includes everything you need to connect to the Salesforce API via OAuth 2. Examples include Salesforce API, SOQL, and Chatter API
  • Salesforce Contacts API Sample App – this plug-in includes the OAuth 2 implementation plus a Contacts sample app. The mobile web app allows you to view, edit and create new contacts on Salesforce using the REST API.

A step by step tutorial shows how to import and use the plug-ins.

Screen Shot 2013-07-31 at 1.31.42 PM

Adding Salesforce plug-in

The Salesforce Contacts API Sample App has a complete app that allows to view and edit contacts in your Salesforce account. Use this app to learn how to use Salesforce API or as a starting for your app.

The Salesforce OAuth API has everything you need to get started. It includes a number of examples to get you started: using Salesforce API, using SOQL, and use Chatter API.

The Appery.io drag and drop visual app builder makes it incredibly easy to build or modify the app UI. You simply drag and drop components into the phone area. For example, editing the edit contact page from Contacts app:

Screen Shot 2013-07-31 at 1.36.56 PM

Visual drag and drop editor

You are not limited to what the plug-in provides. You can build any app UI using the visual editor and connect to any Salesforce APIs. Here is an example defining a service that connects to Salesforce:

Screen Shot 2013-07-31 at 1.48.53 PM

Salesforce API

Our guide shows in detail how to setup any Salesforce API service.

By combining the power of Salesforce and Appery.io dev. tools – we just made it super easy to build enterprise mobile apps entirely in the cloud. Visit http://appery.io/saleforce for a special promo code for Salesforce developers.

 

Originally posted on Maxa blog. 


Read News, Get Information about the Latest Music, Movie, and Book Reviews with the USA Today API Plug-in

Posted: April 24th, 2013 | Author: | Filed under: API, Plugin | Tags: , | Comments Off

usatoday_logo2

Our new USA Today API Plug-in allows you to read news from different categories offered by USA Today and get information about the latest music, movie, and book reviews. Also, you can find top salaries for different sports leagues. Read the rest of this entry »