Video Tutorial: How to Build and Test a Complete Mobile App with API Backend

This video shows how to build and test a complete Ionic app with an API backend. The tutorial starts by showing how to create an app backend with API Express by connecting to an external REST API. Then, the tutorial shows how to build an Ionic app and import the backend service into the app. The tutorial also shows how to make a small change to the generated code. The tutorial then shows how to test the app in the browser and also on a device using the Appery.io Tester app. Lastly, the tutorial shows where to build a binary file for iOS or Android for submission to an app store.

Check out other videos on how to build mobile apps fast.

What is Appery.io Tester App?

The Appery.io Tester app is a core component in the Appery.io platform and makes it simple and fast to test your hybrid app without installing it on the device.

The app is available for iOS and Android.

When you are creating a hybrid mobile app you need to test the app on the actual device. Using simulators is usually slow. Installing the app directly on the device each time you make a small change is also very time consuming. To solve this problem, Appery.io provides a special Tester app. When you sign into the app, you will see all the apps that you have created in Appery.io. You tap any app and launch it directly on the device. For example, if your app uses a native device API such as the camera, then you can easily test the app and the native API.

Make any change to your app, simply tap the app again in the Tester and the updated app will be downloaded and launched.

One way to sign into the Tester app where you see all the apps you have created. Another option to share the app with anyone, even if they don’t have an Appery.io account is to create a special share code.

As a developer, you can create a special share code, send it to your customer and they will be able to run and test the app by just entering the code. They don’t need to have an Appery.io account, they only need to download the free Tester app for iOS or Android.

You can create any number of share codes and also set expiration date for the code. For example, you can create one code for your external testers and another code for your internal test team, with different expiration dates.

This video shows who to test the app using the Tester app.

Happy coding and testing.

How to Run, Test and Share Your Hybrid App Fast, Without Installing it on the Device

How do you share your hybrid app during development with the client, colleagues or even just friends to get feedback? It’s not simple. One approach is to build a binary for iOS (.ipa) or Android (.apk) and send it to the person who wants to try the app. This approach is complicated as it requires people installing the app on the device. Non-technical folks probably don’t know how to do that. Luckily there is a much simpler and faster approach. Let me show you this approach.

When you are building a hybrid app in Appery.io platform, you get access to a simple, yet very powerful app called Appery.io Tester app. This app, freely available for iOS and Android makes it very simple and fast to test your hybrid app on the device without having to install the app. Running the app on the device helps you test native APIs such as camera very quickly. This is how the app looks:

Appery.io Tester app for Android
Appery.io Tester app for Android

Continue reading “How to Run, Test and Share Your Hybrid App Fast, Without Installing it on the Device”

Here is a Super Fast Way to Test Your Cordova App

Testing a hybrid (Cordova/PhoneGap) app is hard and usually takes a lot of times. When you are building a hybrid app in Appery.io, you are seconds away from testing your app on the device, without having to install it. Let me show you how. Just a note, a few weeks ago I showed a fast way to test your app in the browser.

The first step is to install the free Appery.io Tester app for iOS or Android.

Next, sign in with your Appery.io account and you will see a list of all your apps:

Continue reading “Here is a Super Fast Way to Test Your Cordova App”

Everything You Need to Know How to Run and Test Your Hybrid App Fast [Video]

This short video shows how to run and test your hybrid app without going through the app store.

In this video you will learn:

  • How to extend your app with plugins
  • How to add a plugin that uploads a photo to a database
  • How to run and test the app using the Appery.io Tester app for iOS or Android
  • How to do remote debugging with Weinre
  • How to share your app with anyone without the app store — even if they don’t have Appery.io account

If you like this, start building apps fast with Appery.io, it’s free.

Here Is a Super Fast Way to Test Your Mobile App

When you are building a mobile app in Appery.io, you are starting with HTML/JavaScript app which then can be packaged as a Cordova (PhoneGap) app, published and installed on a device. You can also use any Cordova APIs in your app and add any 3rd party Cordova plugins.

Everyone knows that testing is one of the most important steps when building a mobile app and also the part that usually takes the most time. Luckily there is a very fast way you can test your app, let me show you how to do that.

When you are working on an app inside the Appery.io App Builder you are seconds away from testing your app. Simply click the “Test” button in the toolbar:

Screen Shot 2015-09-16 at 10.03.42 AM
Appery.io App Builder

When you click the “Test” button, a new browser tab will open where the app will be loaded. It looks like this:

Screen Shot 2015-09-16 at 10.07.12 AM
Testing the app in browser

This is important – this is the real app running in the browser. This is not an emulator or simulator. This is the actual app running in the browser. The phone frame is just to make it look like a mobile device. It can be easily removed by clicking the “Remove frame” button. The app looks exactly the same without the frame:

Screen Shot 2015-09-16 at 10.21.30 AM
Testing the app in browser without the frame

You can go back to the App Builder, make any changes you need and click “Test” again to see the newest changes. It’s that simple and fast. You don’t need to wait for the app to package or compile. You can see updates almost instantly.

Continue reading “Here Is a Super Fast Way to Test Your Mobile App”

Webinar Recording: Offline, LDAP, New Ionic Components, Angular Scope Editor, Share Your App and More

This is a What’s New in Appery.io webinar and covers:

  • Offline support for Appery.io Database using Ionic app as example
  • LDAP and Appery.io Database support for authentication in API Express
  • New Ionic and Bootstrap UI components
  • Updated Angular scope editor
  • Share your app with anyone via Appery.io Tester App (even without Appery.io account)
  • And more

Building a Barcode Scanner App with Backend Services

This video shows how to build a barcode scanner and covers:

  • Using the barcode scanner
  • Using cloud database to store and search for scanned products
  • Using server script for:
    • Searching the database to find products that have low inventory
    • Sending a push message to notify of low inventory
    • Sending an email (SendGrid API) to notify of low inventory
  • Scheduling server script (job) to run periodically to check for low inventory and perform the actions above

Video: Building Ionic App With Cloud Database

Appery.io just added support for Ionic Framework. In this short video you will learn how to build a simple Ionic app connected to a cloud database. This video shows:

Check out many other videos including Build in 5 Minutes series on Appery.io YouTube channel.

Video: Using Cordova APIs to Build a Hybrid App in Appery.io

This webinar shows:

  • Building a hybrid app in Appery.io
  • Using Apache Cordova APIs:
    • Alert
    • Geolocation
    • Barcode scanner
    • Camera
    • FileTransfer –  use plugin for quick file upload to Appery.io database
  • Fast testing with Appery.io Tester app

Check out many other videos on Appery.io YouTube channel.