Can I Build [insert type] App With Appery.io?

Posted: May 3rd, 2016Author:

ionicapp_myapp

“Can I build [insert type] app in Appery.io?” is probably one of the most common questions that we get. The answer is almost always yes, but I want to provide you with a more detailed answer.

Appery.io provides tooling to allow you to build and run hybrid mobile apps. You can build virtually any kind of app supported by the underlaying technology stack: HTML, JavaScript, CSS and Cordova (for native device access), plus REST APIs. The platform provides tools and a runtime to make it simpler and easier to build your app.

  • App Builder – for building the app (client).
    • Apache Cordova is installed in every app and gives you access to device APIs such as the camera.
  • Cloud Build – for packing the app for iOS or Android.
  • Backend Services
    • Database – cloud database for storing any app data.
    • Push Notifications – for sending targeted Push Notification messages.
    • Server Code – for coding any server-side logic using JavaScript.
    • API Express – for integrating with external/enterprise systems.
  • Appery.io Tester app – for fast testing of iOS and Android apps built in Appery.io without installing them directly on the device.

The platform provides you with the tooling and runtime services, which you would need to build a successful app. Having said this, the actual app logic still has to be coded or developed. For example, let’s say you want to send a Push Notification and email when a new users registers, and also record the activity into an external relational database. You can easily build this flow/logic in Appery.io.

  • The app UI (pages, navigation) is built in the App Builder.
  • The Database has built-in user management capability. This means you can register a new user and do a login/logout.
  • When a new user is created, you can write a Server Code script to send a Push Notification message and use email API (such as SendGrid) to send an email notifying people about this event.
  • Using API Express you can connect and expose a relational database via REST API. When a new user registers, you can invoke the API and record this event (registration) into an external relational database.
  • Using the Appery.io Tester app you can quickly test the app on the device (without actually installing it) and test any native APIs.
  • After the testing, you can build and package the app for iOS or Android with Cloud Build.

In general, Appery.io is a perfect fit for building and running business and enterprise mobile apps. Another way to look at our platform is that it is ideal for creating content or data-drive apps. You can also find the term form-based used sometimes. We don’t recommend to build apps that are heavy on graphics. This is not a Appery.io limitation, but a limitation of hybrid apps in general.

We hope this blot post clarifies what kind of apps you can build with Appery.io. We many videos on our YouTube channel to help you learn how to build apps to check out the channel.

Here is another blog post that talks about this topic: What Kind of Apps Can You Build with Appery.io?.

 

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.

Learn How to Expose a SQL Database via a REST API in 5 Minutes

Posted: April 18th, 2016Author:

This video shows how to use the Appery.io API Express visual editor to connect to a SQL database and expose it via a REST API. The SQL component is used to connect and execute a custom SQL query.

Watch other videos how to use backend services to build apps fast.

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.

Development Tip: New ClientSDK Methods For Better Offline Apps

Posted: April 6th, 2016Author:

appery

One of the new key features of API Express is that you can build apps offline with the synchronisation functionality so when you go online all off your changes have been synchronised. The ClientSDK library has a set of methods, which when you execute can you build more powerful apps offline. The last Appery update bought us the ClientSDK library of API Express’ new methods to work with action histories made offline:

  • revertLocalChanges – reverts all local changes made in offline mode without clearing the cached data.
  • getDeferredActions – returns the iterator, which you can use further to iterate through the history array items.
  • saveDeferredActions – saves changes to a history, if there was any changes.

ClientSDK will automatically detect the network state and when a device is connected to the internet the ClientSDK synchronises with the server, and sends all offline changes (actions history) made by the user. You can find more information here.

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

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

Development Tip: Internationalisation In AngularJS Apps With Angular Translate

Posted: March 30th, 2016Author:

angular-translate

Internationalisation is one of the must have feature when building global reach mobile apps. An Angular Translate module can be really helpful in translating your app UI. It can be included into an Appery.io app in a few quick steps:

  • Go to the Angular Translate page and download the latest release bundle. Inside this bundle you’ll find angular-translate.min.js file – the one that you need to upload.
  • Open your AngularJS Appery.io app, click CREATE NEW > JavaScript. Type angular-translate.min for the name and select Upload from file, and browse for this file on your PC. Also, change its Type to Angular module, check the Use shim check box and finally, type pascalprecht.translate for Shim exports: input. Click Create JavaScript once the file will be uploaded.
  • Now, another module should be created. It will be responsible for the Angular Translate configuration. Perform CREATE NEW > JavaScript, type AngularTranslate for the name, and choose Angular module for Type. Click Create JavaScript.
  • You’ll see an Angular module template and a lot of commented configuring options. First, this module requires pascalprecht.translate as dependency, so add it  to square brackets. Here is how it should look:
  • Configuration logic should be added to the module.config function. Here is how your whole module should look when the configuration logic has been added:
  • The last step is to create a simple UI and check the translation engine. Go to any page in your app, place a Button on the page and provide {{ 'TITLE' | translate }} for its Text property. Launch the app!
  • If you see Hello on the button – you’re done.

One option is to customise the translation mechanism to initiate the language based on the browser or device language. For example, you can get the browser or device language like this:

Try Ionic app backup with Angular Translate included if you facing some issues.

Read more Angular Translate possibilities in its docs, and make sure you check out all of our mobile development tips.

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

Development Tip: Design Faster with New Copy and Paste Functions Inside the Visual App Builder

Posted: March 23rd, 2016Author:

apperyio_context_menu

Component context menu

When building a mobile app in the Appery.io visual App Builder it’s very common to place the same component in multiple places. Before, you had to drag each component separately, now there is a simpler and faster to do this with our new copy and paste capabilities.

AngularJS projects in Appery.io use the standard copy and paste functionality that you are familiar with, plus you can clone (duplicate) a component. This means that you can copy your component via a context menu or hotkey (CTRL+C), and paste it even into a different AngularJS project! In order to open the context menu, select any component and click the cog icon.

You can find more information about UI components in Appery.io in our documentation, and make sure you check out all of our mobile development tips.

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

Big Update: New Enterprise Components in API Express, Upgraded Push Notifications, New Ionic Version and More

Posted: March 20th, 2016Author:

This is our second major platform update in 2016, we are excited to share our new features and benefits to help you build enterprise apps fast.

New enterprise components in API Express

There are two new features of our API Express, these new service components are for creating advanced service logic using the visual builder. Our new features to API express are:  Script and ServerCode. Both components allow you to write custom service logic using JavaScript.

Screen Shot 2016-03-18 at 4.39.34 PM

API Express visual editor enterprise components

  • ServerCode component – allows call Server Code scripts from the API Express. This will be beneficial if your app relies on some server-side logic that is written as a Server Code script. Read more about this component here.
  • Script component – can be used for changing the body structure before passing the data to another component. Find more on Script component in documentation.

Read the rest of this entry »

Learn How to Copy and Reuse Pages Between Apps for Faster Development

Posted: March 18th, 2016Author:

Today we will show you how to copy pages into Appery.io projects. This very simple process is described in our documentation, but we are going to show you how to build apps faster by copying and re-using pages. 

First create a new app and add some components to the page which you would like to clone.

1

Page we want to clone

Read the rest of this entry »

What Does It Mean To Be “Mobile” In Your Organisation?

Posted: March 18th, 2016Author:

“Going mobile” is more than just having a website—it means a whole load of things. It’s about reaching and engaging with your members in a new way, and offering your members a different way to receive information; making information accessible at any time and in any place.

While a website may provide information for your members, you also want to have a way to get your members talking to each other and joining in events and activities. We are in a society where we are constantly looking for up-to-date information, mobile apps provide us with this and our phones are within reach at all times. There are numerous angles your non-profit can take when it comes to creating a mobile app, some opt for informational such as The Red Cross, which provides weather alerts to help citizens better prepare for potential natural disasters. But, for your non-profit organisation, being mobile can mean any of the following things:

  • Mobile Web—optimising your website, content, and donation forms for mobile devices.
  • Mobile messaging— increasing your communication with your members, co-workers, and donors via text messages.
  • Online donations/text-to-give—providing a way for your members to donate through their mobile devices via a mobile optimised online donation form or website, or by texting a donation directly to your organisation.
  • Mobile Apps—creating your own customised application for your members to download to their smartphones or tablets for easy access.

Read the rest of this entry »