Video Tutorial: Creating an Ionic App with a Backend and an External API

Posted: April 21st, 2016Author:

Our friends at Ionic Framework published a very nice tutorial on how to build an Ionic app with an external API. We figured it would be a good idea to show how to build the same app in Appery.io. In this 8-minute video tutorial you will learn:

  1. How to build a simple Ionic (version 1).
  2. How to create a mobile backend for the app.
  3. How to invoke an external API.
  4. How to test the app in the browser.

The final app shows a list of people loaded from an external API:

Screen Shot 2016-04-21 at 12.07.57 PM

Ionic app

Want to learn more? Check out many other short videos on how to build mobile apps fat on our YouTube channel.

Video: Convert a SOAP Service Into REST API in 5 Minutes

Posted: April 12th, 2016Author:

This 5-minute video shows how to convert a SOAP service into a REST API using API Express. Once you have a REST API, you can easily build a mobile app with that API.

Learn how to use the Appery.io Backend Services from our short videos on our YouTube channel.

PayPal Secure Payments for Your Ionic & AngularJS App

Posted: December 18th, 2015Author:

paypal_logoPayPal API is one of the most popular Appery.io plug-ins, and now it’s also available for Ionic & AngularJS!

Our users have frequently requested the ability to add payments to their Ionic & AngularJS mobile apps more quickly, for example, to create an online shop. Now, with the help of this plug-in, you could build an online shop (for instance) to be used by your Ionic & AngularJS app really easily.

A few notes about the security implemented in this app:

  • Authentication with PayPal occurs via a Server Code script. It takes your PayPal app credentials and sends XHR to PayPal. The token is stored to the database.
  • By using the Secure Proxy feature, the actual token value will be substituted on the server side. This way any PayPal API can be triggered.
  • Because of the server-based authentication, sensitive data such as the client secret or token value will never be shown in the app, which eliminates the possibility of theft.

Finally, a few, more general, notes:

  • The flow implemented in this plug-in is similar to PayPal’s flow.
  • We have a PayPal API plug-in tutorial here. Check it out to configure the plug-in.
  • The plug-in is configured for a test environment, so use the PayPal guide too see what you need to do when going live.

How to Build a Mobile Chat App with Ionic, Server Code and EventSource API in Appery.io

Posted: December 7th, 2015Author:

The Appery.io platform comes with many visual tools to help you build your mobile app fast. We understand that there are cases where you need to go beyond visual tooling and be able to customize your app with code. There are a number of ways to do that in Appery.io.

  • You can write any custom JavaScript code in the app (client). You can also include any 3rd party libraries.
  • With Appery.io Server Code you can develop any custom logic on the server, also using JavaScript. This logic is automatically exposed via a REST API. That’s like creating a custom API on the fly.

In this tutorial we are going to show you how to combine the visual tools with custom code to build a chat mobile app. In particular, you’ll learn how to use EventSource API to receive server-sent events and create a simple chat application. The app will be based on the Ionic Framework and also use Server Code script. The app looks like this:

IonicChat

Chat app

 

Read the rest of this entry »

Quickly Import Any Cordova Plugin, New API Express Components to Simplify Enterprise Integration, AngularJS App Builder Updates and More In This Big Appery.io Update

Posted: November 15th, 2015Author:

Easily import any Cordova plugin

You can now easily add any 3rd party Cordova plugin to your app. This has been one of the most requested features. No more sources digging and long step-by-step guides. This is how quickly you can add any Cordova plugin to your app:

  1. Go to the Github page of the plugin and download the latest stable version by clicking “Download ZIP”. It’s important to download the stable or Release version.
  2. Go to Resources > Cordova pluginsand click Import Cordova plugin, then: Choose file, locate the downloaded file and click Import plug-in The plug-in will appear under Cordova plug-ins

And you are done — it’s that’s easy.

cordova_plugins_list

Quickly add any Cordova plugin

To manage all Cordova plugins for a particular app go to Project > App settings > Cordova plugins and you’ll set the list. On this page you will also see the Core Cordova plugins – these plugins are automatically available in your app. From this page you can easily manage the plugins. You can quickly enable or disable any plugin.

We think it’s a very nice capability that you will like. To learn more, please read the documentation for more details.

Read the rest of this entry »

Learn How to Schedule a Server Code Script to Run Periodically to Send a Push Notification

Posted: November 3rd, 2015Author:

Appery.io Server Code enables mobile developers to write any custom app logic that is automatically exposed via a REST API. You develop the script using JavaScript (which is nice, since you don’t have to learn a new language). Server Code provides built-in APIs to make it easy to integrate with other Appery.io services. For example, you can query the Appery.io Database, send a push notification, and invoke any 3rd-party REST API service.

For example, let’s say you want to develop a script that will query a products database. If an inventory for a particular product falls below a set number, you want to send a push message to a manager notifying him or her that inventory is low.

Read the rest of this entry »

Video Tutorial: Learn How to Build an App with a Barcode Scanner and SQL Database

Posted: October 27th, 2015Author:

In this video tutorial you will learn how to build a mobile app that allows you to scan a product barcode and save it into a relational database. The tutorial covers:

  • Connecting to a relational database
  • Exposing the database via REST APis using Appery.io API Express
  • Designing the app UI with the Appery.io visual App Builder
  • Generating REST API services
  • Using and binding API services in the app
  • Testing the app on device using the Appery.io Tester app

Learn from other videos on our YouTube channel.

Here is the Fastest Way to Invoke a REST API From the Server Using JavaScript

Posted: October 20th, 2015Author:

Appery.io’s Server Code feature makes it super easy to create a custom API on the server. With Server Code you can add any app logic using JavaScript including invoking another API. This literally takes a few minutes. Let me show you how do to it using the Uber API.

Screen Shot 2015-10-14 at 2.50.55 PM

Invoking the Uber API

When working with the Uber API, one of the first goals will usually be to find out what products are available in your area using latitude/longitude information.

Read the rest of this entry »

How to Create and Test a REST API in an Ionic/AngularJS Mobile App in 3 Minutes

Posted: October 19th, 2015Author:

This 3-minute video shows how to create and test a REST API. The Uber API is used in the example. The video covers

  • Setting up the Uber REST API. The API displays available Uber products based on location (latitude/longitude)
  • Setting up request parameters
  • Testing the service
  • Generating the service response

Quickly learn from our videos on the Appery.io YoutTube channel.

Easily Send E-mail from Your Mobile App with the Mailgun API Plug-in

Posted: October 12th, 2015Author:

Mailgun is e-mail for developers. Mailgun has an elegant REST API to send and receive e-mails from your mobile app. I know that many Appery.io developers send e-mails from their apps for registration, confirmation, and everything else. To make it simple to use the Mailgun API in an Appery.io, we have introduced a Mailgun plug-in in Appery.io.

Mailgun plugin (Ionic)

Mailgun plugin (Ionic)

The plug-in has a sample app with one page that shows how to send an email using the API. You can use the sample app as a starting point or add the plug-in to any existing app.  Let me show you how to configure and use the plug-in.

Read the rest of this entry »