How to Send and Read Data from a Push Notification Message

Posted: January 4th, 2016Author:

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:

This is how the event looks in the App Builder:

Screenshot_4

Code to read Push Notification message and navigate to a URL

Read the rest of this entry »

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 »

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 »

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

Posted: September 10th, 2015Author: and

Upload image files

Virtually any mobile app needs to store data. The Appery.io platform offers an integrated cloud-based database for storing any app data. Every database that you create comes with a number of collections predefined. The collections are:

  • Users – for user management.
  • Files – for storing binary data such as images and other files.
  • Devices – for sending targeted push messages.
  • Customer collection – any number of custom collections that you need in your app.

Read the rest of this entry »

How to Set a Page Header in an Ionic/AngularJS App

Posted: September 3rd, 2015Author:

When you create a new Ionic/AngularJS app in Appery.io, every app has two pages out-of-the-box. index is the main template page and Screen1 is a page that uses the template. Any other pages that you create will use the index template page. Most pages in your app will have a header. If you open Screen1 or any other page, you will see that it doesn’t have a header area. That’s how it supposed to be since the index template has the common header. You can set a static page title in the index page but then you will have the same page header on all other pages. Most likely you want to the page header to change on different pages. We are going to show you how to do that in an AngularJS app.

Read the rest of this entry »

Quickly Customize Service Mapping with JavaScript

Posted: July 10th, 2015Author:

With Appery.io visual mapping editor, it’s very fast and simple to map data between the UI and REST API services:

REST API mapping

REST API mapping

There are cases where straight mapping might not be enough. In other words, you need to take data from the page and format it before making it input to a REST API. That’s exactly why the visual mapping editors allows to write JavaScript code — this allows you to customize the mapping as needed.
Read the rest of this entry »

Quickly Add Custom Business Logic to Your App with Server Code

Posted: July 6th, 2015Author: and

Screen Shot 2015-07-01 at 2.45.21 PM

Appey.io Server Code is a powerful tool that allows you to write custom server-side business logic for your app. These are the benefits you get when you use Server Code:

  • Write and implement any business logic for an app. For example, you can write a script that checks inventory (Database), then sends a push notification, and then sends an e-mail using the SendGrid API
  • Quickly test the script during development
  • JavaScript is the language used to write the script
  • Server Code is based on the popular V8 JavaScript engine. This means you can use any APIs supported by V8
  • A Server Code script is instantly exposed via a REST API. This means you can quickly build a custom API

Read the rest of this entry »

How to Query a Database by Date

Posted: June 25th, 2015Author: and

Screen Shot 2015-06-25 at 1.28.03 PM

Selecting a date via a Datepicker component and querying a database by date is one of the most common tasks a mobile app will do. With Appery.io’s out-of-the-box cloud database and auto-generated APIs, querying the database is fast and simple.

Read the rest of this entry »