Display Images from a Cloud Database Using Generated REST APIs

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

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 »

Tip: Easily Keep Your App Synchronized Despite Intermittent Connectivity

Icon for a tip Most popular modern apps require an internet connection to a server to operate fully. Sometimes, though, devices are going  to be disconnected, so an app needs to be able to “catch up” with the server when it’s reconnected. Incorporating this synchronization into your app is important for attracting more users. With the help of Appery.io API Express and its offline mode, you can do exactly that! As part of this feature, there are a variety of different methods available to handle all the details like switching between online and offline modes, triggering the synchronization, and resetting data that fails to synchronize.

Tell me more.

For more tips…

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

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 »

Tip: Get Quicker Screen Loading with AngularJS Minification

Icon for a tip Slowness is the ultimate user experience killer for apps. A good way to make your apps faster is to boost screen loading speed. “Minification” helps this by removing all unnecessary characters from screen code without changing the functionality. You can easily add minification to your AngularJS apps in Appery.io with the Grunt JS Task Runner. Then, you can easily customize the minification process through configuration or by adding third-party modules.

Tell me more.

For more tips…

Come Chat with Us at #apperychat (Sept. 2)

chat-talk-bubbles

Appery’s Max Katz and Charles Cowens will be hosting a twitter chat for discussion about the Appery.io mobile app platform. We’ll be there to answer your questions, and we’ll have some questions for you, too.

Read the rest of this entry »

Tip: Sharing Android and iOS Apps Made Even Easier with the Appery.io Tester App

Icon for a tipWith the Appery.io Mobile Tester App, (available for iOS or Android) anyone can test and run your mobile app as if it had been installed as a binary for their platform. The person you want to share with doesn’t even need an Appery.io account! Just ask the person you are going to share the app with to install the Appery.io Tester app (iOS or Android). Then, generate a code on the app page in Appery.io and send it to this person. When this code is entered into the tester app, your app gets loaded and launched on the device.

Tell me more.

For more tips…

Social Authentication Examples for AngularJS and jQuery Mobile

User login/registration is one of the most common features in a mobile app. Permitting login with existing credentials that users have from social networks can significantly simplify the authentication process and improve the user experience.

User Login Registration Examples for all project types (jQuery Mobile, Ionic, and Bootstrap) has just been updated with social authentication functionality. You can use those examples to quickly set up your app with the social login feature or see how it’s built to implement your own.

social_authentication_appery_io

To create an app from an example, click Create new app > From example and choose the example you want from the list of available examples.

Read the rest of this entry »

Building a Mobile App with AngularJS and Barcode Scanner

With Barcode Scanner plugin, you can quickly add the functionality to scan bar codes from your app.  This can be helpful in many cases. For example, when building a warehouse mobile app: simply scan a product bar code, search the database with that code and retrieve the product information.

You can see how to build such app for jQuery Mobile here.

Adding a Barcode Scanner plugin to your Appery.io Angular app is very simple:

  1. Go to Project > CREATE NEW > From Plug-in.
  2. Select Apperyio Barcode Service and click Import selected plugins.

Then, in the Project view, a related service (Barcode_scan) and a JavaScript (Barcode) file will appear. After a native service has been added to the app, it can be called like any other REST service.

The Barcode Scanner plugin uses Cordova API. As the plugin uses native APIs, you should test it on the device or using the Appery.io Tester app.

Read the step-by-step tutorial we’ve prepared on Using the Barcode scanner service. And of course, feel free to contact us if you have any issues.

 

New Milestone, New Release, New Features – Find Out More about Our July 2015 Release

250000+

We just announced some great news for Appery. We’ve passed the 250,000-user mark, we’ve updated our tester app so users don’t need to have an Appery.io account, and we’ve rolled out a new release of  the platform that includes these key features (among others):

  • Simplified implementation of social login and LDAP sign-on for apps
  • Extended offline capability in apps to use the internal database or an external one
  • New Bootstrap and Ionic components
  • Outline page component view for enhanced developer productivity

Read the rest of this entry »