Blog

Snippet to invoke a REST API

A snippet is a pre-made and reusable section of code that can be quickly inserted into your own code. It is a convenient and time-saving way to pull frequently used Appery.io functions.

A recent update has introduced a new snippet – Invoke REST API ($http).  Invoke REST API ($http) is a wrapper for Angular’s($http) and can be used to send AJAX requests. This snippet is described in more detail here.

Shortcuts, like snippets, can save you time. A shortcut allows you to type a few characters that expand into the corresponding code. For example, type $Cg and then press Ctrl+Space or Cmd+Space to quickly add the Config.get function. The shortcut will be translated into:

Apperyio.Config.get( expression/*, default*/ );

You can find the whole list of shortcuts here.

Make sure to check out all of our mobile development tips. Do you want to build apps fast?

Start developing with our trial plan!

Happy 2016!

2015 was a great year for Appery.io, and we’re looking forward to another fantastic year in 2016!

In 2015, we hit some amazing milestones, including:

• Surpassing 300K users (see below)!
• Adoption of Appery.io into educational curriculums at over 1K academic institutions worldwide!
• Selection as a 2015 top 100 global Red Herring winner!

As the new year unfolds, we’d like to wish everyone a happy and prosperous 2016!

Read the rest of this entry »

The Appery.io team is starting 2016 with new and exciting updates and improvements to the platform!

App Builder enhancements

The latest Appery.io update brings some cool features to the visual App Builder.

New Ionic components

Two new UI components for Ionic were just released: Card and Text.

The Card can be used to visually separate information on a page. It allows for more control and flexibility, and can even be animated. This new component is based on Google’s Card UI design.

The Text component can be used to conveniently place any custom text or AngularJS expression (wrapped with {{...}}) on the page.

The Ionic Button has obtained new property – Icon Only. It makes a button look like an icon. This property converts a button to an icon by changing Icon Style and Style properties, and ignoring the Text property.

It’s now possible to copy and clone components in the App Builder. To create a full copy of a UI component with all nested children, (including other components), click the clone icon on the top right of the component:

Cloning a component

Ionic page templates

When creating a new page in Ionic, you can choose a blank page or a page with ionContent. The blank page is a simple page without any extra components. Use it when you don’t need to make any special adjustments to the scroll or scrollbar settings. The page with ionContent is a multi-tool page with a ion-content directive and many settings provided by Ionic. Use it when you need to make flexible adjustments to page scroll behavior.

You can find more detailed templates description in our docs.

Read the rest of this entry »

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 »

When building AngularJS apps (with Ionic or Bootstrap frameworks) using Appery.io, you can easily extend app functionality by adding native device features. Features such as push, geolocation, camera, etc., can be added by importing the appropriate plug-ins. To do this, go to CREATE NEW > From plug-in and select the appropriate plug-in. The native features come from the Cordova library, which is automatically installed in every app.

For each plug-in we have documentation as well as detailed tutorials on native device features. You can find the docs here.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our trial plan!

Appery.io is the best mobile app development platform out there. Get the most out of it with our webinars. We’ve put together six so far to kick off the new year. The first two cover the most used frameworks on the platform. The next webinar delves into our service for making enterprise assets like SQL databases into REST services. Our last three webinars cover different backend services we offer on the platform that you can use in your apps. Register now and get ready for mobile enlightenment.
Read the rest of this entry »

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.

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 »

One way to customize your app is to use a custom push notification icon. By the default, the push notification icon is your app icon.

Setting a custom icon for incoming push notifications is available only for Android OS and only for version 3 libraries (jQuery Mobile).

To set a custom push notification image:

1. Upload your custom image (for example: icon.png) into the ANDROID/project_name/res/drawable/ folder to set it as a push image. If there is no drawable folder, simply create it:
   
2. On the Source tab, open the WEB_RESOURCES > app > startScreen.js file.
3. Find the PushNotification.init function and add an icon property with 'icon' value:
   
4. Now your app has a custom push notification icon!

Read more about Appery.io push notifications in our documentation and make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our trial plan!

This is guest post from our partner Apperian, by Tiffany Early, Managing Editor, The MAM^® Blog

As an enterprise app developer, do you struggle with distribution of your apps for either usability testing or final delivery? How do your customers then get apps to their end users?

Security Risks with Public App Stores

The public app stores – iTunes, Google Play – just don’t work for distributing enterprise apps, since your apps can get lost in the millions of consumer apps, be confused with public versions, or be exposed to major security risks.

Headaches of Self-Hosting

Self-hosting and emailing direct download links, portals, shared drives, FTPs, etc. are difficult to maintain and increase your administrative overhead. You have to build security measures into the app before it’s compiled, and there’s no support for the ongoing application lifecycle management of onboarding, inspecting, securing, signing, and deploying mobile apps.

5 New Ways to Securely Distribute Enterprise Apps

Using a mobile application management platform for app lifecycle management and security, you onboard, sign, and wrap your apps with security, analytic, and other management policies. These policy-enabled “managed apps” are then ready to be distributed to your customers in a variety of ways, without requiring access to or control of their devices.

Read the rest of this entry »

In this post, we’ll show you how to open a URL received in a push notification message for both jQuery Mobile and AngularJS apps.

This tutorial assumes you are familiar with how to send and retrieve push notifications. If you are not, this tutorial will show how to send your first push notification message.

Let’s start with a jQuery Mobile app.

To open a URL when a push notification message is received, use the Load page event and add the following JavaScript code:

$(document).on("push-notification", function(event, data) {
   window.open(data.message, "_blank");
});

This is how the event looks in the App Builder:

Code to read Push Notification message and navigate to a URL

Read the rest of this entry »