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.
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.
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:
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:
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:
When you click the “Test” button, a new browser tab will open where the app will be loaded. It looks like this:
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:
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.