9. Testing Your App

This section introduces you to testing your Appery.io app

There are a number of ways to test your Appery.io app:

πŸ“˜

App Debugging

You can check these links to learn how to test and/or debug your app:

Desktop Web Browser

To test in the desktop web browser, click the TEST button on the App Builder Toolbar.
You can also open the TEST drop-down window with additional testing options by clicking the arrow button next to TEST:

317317

Making App Public

If you want to share the app link with other people, check the Public option. You can always uncheck it to make the app private again.

Mobile Frame

By default, the app opens in the special mobile frame. You can change the phone’s size, as well as rotate it. Click Refresh to refresh the content of your application. All the changes saved in the App Builder will appear upon clicking the button. The Remove frame button allows testing the app without frames:

935935

To test the app without a frame, you can also click Launch under Show without frame in the TEST drop-down window:

218218

QR Code

In the TEST drop-down window, you can also scan the QR code with your phone (this requires a barcode scanner app) to get the app link. The QR code is available while testing your app in the desktop web browser.

πŸ‘

Using the Tester App

The best way to test your app with scanning the generated QR code is by using the Appery.io Tester app.

You can also click the View on phone arrow button when already testing your app in the [https://docs.appery.io/docs/9-testing-your-app#mobile-frame):

908908

Social Sharing

This is a brief manual on how to share your app via a post on social networks so that your followers can view the created app.

  1. To run your app in the Test mode, click the TEST button on the apps list page or in the builder.
  2. After the preview opens, click the Share your app button available in the Mobile Frame to start publishing:
18761876
  1. Wait until it's ready:
11791179
  1. After the app is published on the Appery.io domain, social share buttons become available on the page with QR code for Facebook, Twitter, LinkedIn, and/or email:
11761176
  1. Click the social share button, change the message of the post, and share the app with your followers.

πŸ‘

Finished

The URL of the published app is available after the app had been shared. Now everyone can see your published app.

Mobile Web Browser

Make the app public, then either email the link to your phone or scan the QR code.

Appery.io Tester App

Another option to quickly test the app with native device features is to use our Appery.io Tester app.
The app is free and available for both iOS and Android:

11251125

πŸ“˜

Want to know more?

You can check out this page to learn more about using the Appery.io Tester app.

Using Live Debug Feature

We can also recommend that you check out yet another our testing option, Live Debug, that is designed to quickly test and/or debug your Appery.io project(s) including those using native device features (and even those with imported custom Cordova plug-ins and/or Push Notifications enabled for the project).

973973

πŸ“˜

Want to know more?

You can check out this page to learn more about how to use Live Debug.

Installing App on Device

You can also always build a binary (for iOS or/and Android) for your platform and install the app directly on your device for testing.

🚧

Note that if your app uses a native component like a camera, barcode scanner, etc. the app cannot be tested in a browser. To test the app, you need to build an app binary and install it on your device.

πŸ‘

Appery.io Tester App

Another great option to quickly test the app on the device is to use our Appery.io Tester app.
The app is free and available for both iOS and Android.
You can check out this page to learn more about using the Appery.io Tester app.

Using Appetize.io to Test iOS Apps

By using Appetize.io, you can test the iOS functionality (native features) in your Appery.io app without the real device. Appetize.io generates a unique link for each uploaded app enabling you to send your app to people for demonstration, or to your team for testing purposes without sending the .ipa bundle.

  1. Create an Appery.io app and add two buttons to the page.
  2. Add the following JavaScript code for a hide button:
StatusBar.hide();
  1. And the following JavaScript code for the show button:
StatusBar.show();
  1. Click EXPORT > xCode project.
  2. Open the just-exported project with xCode version 6 or higher.
  3. Build the project. This will generate the .app bundle.
  4. After a successful build, go to ~/Library/Developer/Xcode/DerivedData/{project-name}/Build/Products/Debug-iphonesimulator. You’ll see the {project-name}.app bundle.
  5. Zip this .app bundle.
  6. Go to Appetize.io and click UPLOAD in the top right corner of the screen. Select the .app by clicking Select file.
  7. Once the file is uploaded, type your email and click Generate.
  8. Soon, you’ll receive the link via the provided email, click the link to see your app.

πŸ‘

Complete

Now, you can show other people your app by sending this link.

Using TestFlight to Distribute iOS Builds

With Appery.io you are provided with a simple .ipa application, so all the publishing steps are standard.
Build the application and upload it with the Apple Transporter application. After that, you will be able to install the application using the TestFlight app.

TestFlight builds perform similarly to production builds and do not work with development push certificates. You need to create an App Store Distribution profile and Production Push Cert in the Apple Developer Portal for TestFlight AND you must upload them to App Settings > iOS binary and Apple Production Push certificate to the App Push Settings tab in Appery.io.


Did this page help you?