Video: How to Build an Ionic App with an RSS Feed

This short video shows how to build an Ionic app that connects to an RSS feed. You can click on a link and navigate to the article. RSS feed used in this tutorial: http://feeds.gawker.com/lifehacker/full.

There are many more videos on the Appery.io YouTube channel to help you build mobile apps fast.

Tutorial: Building a Hello World App with Ionic

In this tutorial you are going to build a Hello World app with Ionic in Appery.io. This is how the app is going to look:

Screen Shot 2016-05-27 at 5.04.15 PM
Appery.io App Builder for Ionic.

You should finish this tutorial in about 10 minutes.

Continue reading “Tutorial: Building a Hello World App with Ionic”

Learn How to Build Enterprise Mobile Apps With Our 2016 Webinar Series

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.

 Webinar Schedule
Date Title
January 20, 2016 Getting Started with App Builder for Ionic/AngularJS Apps View Recording
February 3, 2016 Getting Started with App Builder for jQuery Mobile Apps View Recording
February 17, 2016 Getting Started with API Express for Easy Enterprise Integration View Recording
March 2, 2016 Getting Started Using Server Code for Server-side JavaScript in Your Apps No Recording Available
March 16, 2016 Getting Started Using Push for User Engagement in Your Apps View Recording
March 30, 2016 Getting Started Using the Appery.io Database in Your Apps View Recording

What time?
All webinars start at 11am US Pacific time.

How long?
30–40 minutes.

Where are recordings of previous webinars?
On this YouTube playlist.

Tutorial: Building a Todo Mobile App with Ionic, Angular, Appery.io Visual App Builder and Database

For years, developers had to make a choice: build a single hybrid app with a so-so user experience, or build a native app for each platform with a great user experience. Developers don’t have to make this choice anymore. By integrating the Ionic SDK into Appery.io, developers can build enterprise HTML5/hybrid apps on a single code base that offer a native experience across all platforms. The Appery.io platform’s visual tooling lowers the skills barrier, empowering a broader base of developers and business analysts to create effective and intuitive mobile applications.

In this tutorial, you will use the Appery.io platform to build a mobile app. The tool set includes:

  • Ionic – native-like UI components
  • AngularJS – UI logic/binding
  • Appery.io App Builder – cloud-based drag and drop designer
  • Appery.io Backend Services – API backend for the app

What are you building?

You are going to build a todo app. The app will have two pages. On the first page, you will be able to see a list of all tasks and also mark a task complete (delete it). On the second page, you will be able to create a new task. You can see how the app looks below. The first page lists all the tasks. You can also mark a task completed (delete it). On the second page you can add a new task.

Continue reading “Tutorial: Building a Todo Mobile App with Ionic, Angular, Appery.io Visual App Builder and Database”

JavaScript Tutorial

js

Great JavaScript tutorial.

Tutorial: Create a Mobile App with Twilio SMS API

Appery.io lets you build powerful mobile apps in no time using intuitive visual tools. Using Twilio, you can easily integrate the Twilio API with Appery.io’s cloud-based rapid development environment with integrated back-end services and get sending SMS fast

In this tutorial you are going to build a mobile web and hybrid mobile app that allows you to send SMS messages using the Twilio API. The app is going to have one page from which you can send the SMS message and will look like this:

appery1-1024x599
Twilio SMS app with Appery.io

Building an app in Appery.io is no different than using any other tool. You are going to create a new app, design the UI, connect to the Twilio API, test and then deploy the app.

Continue to the tutorial on Twilio blog →

How to Make an App Fast With Appery.io and Instant API

IA-Logo-Light-Smaller-Text

Instant API is a true API-as-a-Service which makes it easy and cost-effective to build an API. Instant API has simplified all of the key areas of an API’s lifecycle, covering API creation, hosting, management, discovery, monetization, and documentation.

For example, let’s say you have information and services or data and services you want to expose through an API that can be used internally for BYOD initiatives or externally by developers or your business partners. With the API deployed, you still don’t have a mobile app. That’s where the Appery.io platform comes in. Appery.io makes it very easy to build mobile apps with any API. Combine the Instant API exposed APIs with the Appery.io cloud-based development platform, and you get a fast way to build a complete solution and deploy the mobile app.

In this post, we are going to show you an example of how to do that, but first here’s the info for an upcoming webinar in which Appery.io and Instant API will demo this process in action. Continue reading “How to Make an App Fast With Appery.io and Instant API”

Tutorial: Creating a Barcode Scanner App With PhoneGap

Introduction

This short tutorial shows how to build a barcode scanner app with Apache Cordova (PhoneGap) using Appery.io cloud development platform.

The tutorial has the following steps:

  1. Register for Appery.io account
  2. Create a new app
  3. Build the app UI
  4. Add Barcode scanner service
  5. Binding the service to the page
  6. Testing the app

Register for Appery.io account

If you don’t have an Appery.io account, please sign up for the Starter (free) plan.  Sign up should take 1-2 minutes.

Create a new app

Once you have an account (or have signed in if you have an existing account), click Create new app button to create a new app. Enter app name and click Create. Every app that you create comes bundled with Apache Cordova and the Barcode scanner plugin. This means you can invoke any Cordova API right way.

Building the app UI

Using the drag and drop editor, build the app UI:

Screen Shot 2014-11-02 at 8.03.16 PM

  • The button will invoke the Barcode scanner
  • The three labels below the button:
    • First label will display the value scanned
    • Second label will display the type of the code scanned
    • Third label will display true or false. True means the scan has been cancelled by the user.

Adding Barcode scanner service

To add the Barcode scanner service, go to Create New > Service > Barcode, click Create Service button. The service will now be listed under Services folder.

Screen Shot 2014-11-02 at 8.10.41 PM

Binding the service to the page

First we need to add the service to the page. Switch to DATA view. For Data source select Device > BarcodeService, click Add. The service will be added to the page:

Screen Shot 2014-11-02 at 8.12.36 PM

The service doesn’t require any input (Before send) mapping.

For output mapping (Success) click the Mapping button. Using drag and drop create the following mapping:

Screen Shot 2014-11-02 at 8.14.12 PM

Click Save and return to save all changes.

The last step is to invoke the service. Go back to Design view. Select the button and open the Events tab. For Action, select Invoke Service > mobilebarcode1.  Click Save.

Testing the app

As you built an app that uses a native API, the app has to be tested on the device. Appery.io provides a special Mobile Tester app that allows you to test the app without installing it on the device. This is very handy as you don’t need to install the app to test after every small update during development.

The tester app is available for Android and iOS:

Once you download and install the app sign in with your Appery.io username and password. You will see a list of all your apps:

Screenshot_2014-11-02-20-26-49

After invoking the app and scanning a bar code:

Screenshot_2014-11-02-20-27-28

Summary

Using the Appery.io cloud development platform to create hybrid mobile apps is fast and easy. If you want to learn more, head to our Dev Center for many other tutorial or check out our YouTube channel.