How to Expose an Existing SOAP Service as a REST API

Posted: January 14th, 2016Author:

Screen Shot 2016-01-11 at 4.04.07 PM

API Express visual editor

Appery.io API Express make it fast and simple to connect to an enterprise data source and expose it via a REST API. With API Express you can quickly create an API for:

  • A relational database
  • A WSDL service (SOAP)
  • An existing REST API

In this tutorial, I’m going to show how to expose an existing WSDL service as a REST API and then build a mobile app using the API.

Read the rest of this entry »

Learn How to Create a User Registration Form with the Appery.io Database and Server Code

Posted: January 8th, 2016Author:

The Appery.io platform provides a cloud database for storing any app data. The database also has a built-in user management feature. This means, if your apps needs user login or user registration, this capability is available out-of-the-box.

Screen Shot 2015-12-31 at 12.56.22 PM

Appery.io database built-in user management

The Users collection has two default columns: username and password. In most cases you will also need to store additional users information such as email or address. One option is to create additional custom columns in the Users collection. Another option is to store any user information in a different database collection and then link the Users collection to that collection. In this blog post I’m going to show you how use a separate collection to store user information and how use the Pointer column type to link the two collections.

Read the rest of this entry »

Learn How to Display a PDF File in Your Mobile App from a Database

Posted: December 24th, 2015Author:

We are often asked about displaying a PDF file in a mobile app. In this tutorial, you’ll learn how to display a PDF file uploaded to the Appery.io cloud database in your mobile app.

First, upload the PDF file into the Files collection of your database. You can use any existing database or quickly create a new database.

 

filesCollection_upload

Appery.io Database Files collection

Read the rest of this entry »

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.

Video Tutorial: Learn How to Build a Complete Mobile App Without Writing Any Code

Posted: December 17th, 2015Author:

In this webinar you will learn how to build a complete mobile app without writing a single line of code. This video tutorial covers:

  • Using a plug-in that provides the following:
    • Login and registration pages.
    • A page where the signed-in user can add any items to the database. The records in the database are only visible to the signed-in user.
  • Setting up a database with security.
  • Using Barcode scanner native API.
  • Setting up Push Notifications.
  • Testing the app on the device using the Appery.io Tester app.

Like this video and want to learn how to build apps fast? View our recent webinars.

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 Visualize Enterprise Data with the New Chart Plugin

Posted: October 1st, 2015Author:

apperyio_angular_charts

Appery.io Charts plugin

From talking with developers who are building business and enterprise apps, we’ve heard that displaying data visually with charts is one of the highest priority requirements. To make it easy to visualize data, Appery.io has introduced a lightweight plugin that has everything you need to add pretty and inform-dense charts to your mobile app.

In this post we’ll show you how to do exactly that.

The Appery.io Charts plugin is available for AngularJS types of apps – both Ionic and Bootstrap. It’s built on the popular Chart.js library and consists of two JavaScript and one CSS asset. It can be added to your app the same as any other Appery.io plugin:

  1. Open your Appery.io app and go to CREATE NEW > From plugin.
  2. Choose Appery.io Charts and click Import selected plugins.
  3. All the assets and the charts page will be added to your app.

Now you can go to Project > Routing and set the Default route for charts page to make this the initial page for your app.

There are three type of charts implemented in this plugin – Line, Bar and Radar. Switch them and see the animation by clicking the appropriate buttons.

Chart.js supports many other chart types, you can learn about the other charts here.

In this plugin, charts are displayed based on the data stored locally, in the scope variable. However, you may want to use a database as the data source for your charts. It will take less than a minute to configure the plugin in this way. Read the plugin documentation to see how.

Hopefully you will find this easy-to-use plugin useful. If you have any suggestions on how to make it better – feel free to contact us!

Build Apps Faster with Automatic App Update, Visual API Service Designer, Angular Visual Binding Editor, and More Security Options

Posted: September 27th, 2015Author:

Update fast without going through the app store

Wouldn’t it be awesome to update your app without having to resubmit it to app stores? Now you can! With the new Appery.io AutoUpdate feature, you’ll only have to submit your app to the app stores once. You’ll use EXPORT > Auto update to build a new bundle with updated resources. Apps installed on devices will automatically download the updated bundle, meaning users won’t need to do anything for the update.

However, there are some restrictions due to security policies:

  • Only web-resources: HTML/JS/CSS resources could be updated with this feature;
  • Cordova and Cordova plugins couldn’t be updated with this feature;

The updated release bundle is the same for all platforms, so all mobile devices (Android and iOS) are updated simultaneously. See the documentation for more about this feature.

New API Express capabilities

Quickly create services with new visual builder

API Express, which allows you to use external relational databases with Appery.io, was updated with powerful visual tools. Now it’s really easy to build complex algorithms by combining multiple queries into one endpoint.

flow_builder

Read the rest of this entry »

Display Images from a Cloud Database Using Generated REST APIs

Posted: September 15th, 2015Author:

UI-image-componentIn this post you are going to learn how to access images uploaded to a cloud database via REST APIs and display the images in the app. This is the second post about working with images. You can read the first post here:

Quickly Upload, Display, and Customize Images from the Database with the Built-in Files Collection.

Let’s say you have a list of images, icons, or avatars that you have uploaded to a database. Maybe you are building a contacts app and would like to display employee head shot or just a list of products. Now you would like to display them in your app. In this tutorial we are going to show you how to do that — it’s fast and simple.

Read the rest of this entry »

How to Use Google Maps in an AngularJS App

Posted: August 11th, 2015Author:

Like standard UI elements, such as buttons, input and text areas, the Appery.io App Builder also provides a convenient and ready-to-use Google Maps component for your AngularJS apps. This component contains a large set of visually configurable properties and entities like markers and windows.

angular_google_maps

There is a lot of help available for you to get the most out of this component. We’ve got detailed guides, a modularly organized tutorial, and our always helpful support team.

Read the rest of this entry »