Big Update: Ionic & AngularJS Visual Builder, API Express, Server Code Versioning And More!

Posted: May 17th, 2015 | Author: | Filed under: AngularJS, General, Ionic, New release, Server Code, Tutorials, UI Component

Another update is bringing some cool new features to Appery.io; features designed to make the platform even stronger and more attractive. With this update, we’re excited to share the results of a lot of hard work.

ionic_and_angularjs

New Ionic / AngularJS projects

Not long ago, the new Bootstrap & AngularJS Visual Builder was announced. Today, we’re introducing a version of the Visual Builder that uses Ionic UI framework. As with Bootstrap, all the logic is maintained by AngularJS, while all the UI is relaying on Ionic.

People who have already tried the Bootstrap & AngularJS Appery.io version will find the new builder familiar, and for good reason. You can try out new UI frameworks, but you don’t need to learn something fundamentally new — your app is still powered by AngularJS.

ionic_visual_builder

As with Bootstrap & AngularJS, the Ionic version of Appery.io is in beta and in active development, so it’s possible that you might encounter some bugs (let us know, and we’ll fix it). This also means that the number of features and integrations will only grow with time. Docs and tutorials are in the process of revision too, so don’t hesitate to use the forum for any questions.

Sign up for our “What’s New in Appery.io” webinar (May 27th, 11AM) and find out more!

Read the rest of this entry »


How To Send Twilio SMS From Your Mobile App

Posted: May 11th, 2015 | Author: | Filed under: API, Partners, Tutorials | Tags: , ,

Twilio_logo_red

Twilio just published a tutorial on how to build a mobile app with Appery.io to send SMS messages with the Twilio API.  Try the tutorial and quickly add SMS capability to any app. Read the rest of this entry »


Adding Live In-App Customer Service With Bright Pattern Mobile API Plug-in

Posted: May 7th, 2015 | Author: | Filed under: API, JavaScript, Partner, Plug-in, Tutorials | Tags: , , ,

bright_pattern_logo

Appery.io and Bright Pattern have partnered to improve the simplicity of implementing live in-app customer service for enterprises and their customers. The partnership’s result is a plug-in for the Appery.io platform that helps companies to quickly add contact center functionality to their mobile apps. Read the rest of this entry »


Easily Add Secure Payments to Your Mobile App

Posted: April 27th, 2015 | Author: | Filed under: Plug-in, Server Code, Tutorials | Tags: ,

The ability to quickly add payments to a mobile app is frequently requested by users. Today, we’re happy to announce an update to our existing PayPal plug-in that lets you quickly and conveniently add secure payments into an app.

PayPal logo

Read the rest of this entry »


Uploading Files to the Appery.io Database via a Plug-in

Posted: March 25th, 2015 | Author: | Filed under: Plug-in, Tutorials | Tags:

Uploading to the cloud

Mobile developers often face the need to upload binary files, such as images, to the database. For example, this could happen in an app like Instagram, where a user takes photos with the device’s camera and then publishes it to their followers. Of course, all the data — including images — should be stored in the database, so the user can sign in from any device and see his or or her feed.

Another possible case for uploading images is sending an MMS (multimedia message) from your app, which can be done via the Twilio API. Twilio accepts a direct URL to an image. A user takes a picture with the device and uploads it to the Appery.io database. Then, a direct image URL is passed to the Twilio API.

In Appery.io, there are three ways to upload files to the database :

Read the rest of this entry »


How to Build Mobile Apps Fast with Appery.io and Instant API

Posted: February 24th, 2015 | Author: | Filed under: API, Events, Mobile Backend, Partner, Tutorials, Webinar | Tags: , , , , ,

Instant API Logo

Instant API is a true API-as-a-Service which makes it easy and cost-effective to build an API. Instant API has simplified all of the key areas of an API’s lifecycle, covering API creation, hosting, management, discovery, monetization, and documentation.

For example, let’s say you have information and services or data and services you want to expose through an API that can be used internally for BYOD initiatives or externally by developers or your business partners. With the API deployed, you still don’t have a mobile app. That’s where the Appery.io platform comes in. Appery.io makes it very easy to build mobile apps with any API. Combine the Instant API exposed APIs with the Appery.io cloud-based development platform, and you get a fast way to build a complete solution and deploy the mobile app.

In this post, we are going to show you an example of how to do that, but first here’s the info for an upcoming webinar in which Appery.io and Instant API will demo this process in action. Read the rest of this entry »


Using the Google Maps API: Directions, Geolocation, Multiple Markers, and Layers

Posted: February 20th, 2015 | Author: | Filed under: API, Tutorials, UI Component | Tags: ,

Adding a map to your mobile app can provide great value to users. Maps used together with a smartphone can solve a wide range of tasks, whether it’s a pizza delivery app, GPS navigation, or travel guide with attractions. One of the most popular online maps is Google Maps.

Appery.io provides a convenient way to work with Google Maps for mobile apps – a Google Map component with a set of configurable properties and a preinstalled marker. All you need to add the Google Map into your app is to drag and drop the component on the page. That’s all: Google Maps will be loaded when the page is displayed.

google_maps_logo

Read the rest of this entry »


OAuth 2 Template: Plug-in for OAuth Authentication by Appery.io

Posted: January 28th, 2015 | Author: | Filed under: Plug-in, Tutorials | Tags: , , ,

OAuth 2.0 protocol is now the most popular authentication protocol for apps. By using OAuth protocol, you can securely authenticate with a variety of popular services what will increase app functionality and cover a much larger target audience.

The Appery.io App Builder has a large number of useful and convenient mobile development tools for rapidly creating Android, iOS and Windows Phone apps. Today we are glad to present another feature that significantly helps with the OAuth 2.0 authentication routine – the OAuth 2 Template plugin.

OAuth 2.0

Read the rest of this entry »


Building a MusicShop App Using Model and Storage

Posted: October 22nd, 2014 | Author: | Filed under: Features, Tutorials | Tags: ,

Recently, the Appery.io App Builder was updated with several significant features. One of the most important and fundamental changes was the introduction of Model and Storage notions. To show the best practices of using these features, we created a MusicShop app and step-by-step tutorial which describes in detail how to build such an app from scratch. This tutorial also has a MusicShop app backup attached to allow you to pay more attention to Model and Storage usage (you shouldn’t create the app step-by-step in this case, just create it from the backup).

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: ,

Working with mapping has been improved to provide you with a more efficient and user-friendly way of binding your data. Now, with the upgraded Mapping feature binding your data is more intuitive; it also provides more features and flexibility. This tutorial uses old mapping, and will be updated shortly. The new mapping uses the same concepts. The following page shows how to migrate the old mapping to the new mapping.

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!