Checking out your Ionic applications with Ionic View

Ionic has launched a very nifty application for iOS and Android where you will be able to see and test your application creations on your smartphone within minutes. We will first need to start off by installing Ionic View on your particular device.

Installing Ionic View on Android

Search for the Ionic View App on the Google Play Store and download it to your device.

When you load the application for the first time, you'll see the following screen, where you will be asked to enter your login credentials:

Installing Ionic View on Android

Once you sign in, a dashboard with your current application should show up.

Installing Ionic View on iOS

Search for Ionic View on the App Store and download it to your device. Once you install the application, you'll see the following, where you will be asked to enter your login credentials:

Installing Ionic View on iOS

This is how the LOG IN page looks like:

Installing Ionic View on iOS

When you log in for the first time, depending on whether you managed to successfully upload applications to the Ionic Apps web service by following the previous instructions, you should be able to see something like this:

Installing Ionic View on iOS

Testing your application on the iOS Ionic View App

Once you have loaded the application for the first time and logged in, you will be able to start testing your applications. You can proceed with this stage by downloading your application to your device by tapping on Download App:

Testing your application on the iOS Ionic View App

After downloading the application, you will see what's shown in the following screenshot, where you will have an option to view the application on your device. In order to try out your application, tap on View App:

Testing your application on the iOS Ionic View App

Your first Ionic application is based on a boilerplate provided by the Ionic framework to highlight the capabilities of Ionic. To exit the application once you have finished testing the application, you need to swipe down on the screen with three fingers:

Testing your application on the iOS Ionic View App

Testing your application on Android

After you log in from the Ionic View App, you will see what's shown in the following screenshot, where you are provided with a dashboard of all your Ionic applications. To start testing your applications on Android, use an approach similar to that for the iOS Ionic View App, where you need to download your app to the device:

Testing your application on Android

After tapping on myfirstionicapp, tap on Download files to synchronize the application data from the Ionic web service to your device:

Testing your application on Android

Once the application is synced to your device, you will see the following. This enables View App. Tap on the corresponding button to view your application:

Testing your application on Android

Once you load the application, you will see the following application, which is fully enabled. This application works within the Ionic View App with the impression of a working application. As previously note, the application that we created together is based on a boilerplate produced by the Ionic framework team.

As you may have observed, the design conventions followed for this mobile application are suitable for each platform, which further enhances the value proposition that the Ionic framework offers to the developer. That is, cross-platform applications are adapted to the platform that the device is based on:

Testing your application on Android

Sharing your application with collaborators

Sharing your application with your collaborator is quite straightforward. This is possible via the Web Service and command line. Doing it via the web service requires you to click on the gear icon on the Ionic app of your choosing and then click on Share.

From the command line, you'll first need to navigate to your project directory via the terminal. Then, you will need to log in by typing the following command:

$ ionic login

Once you have logged in, you just need to type the following command and replace EMAIL with the e-mail address of your chosen collaborator:

$ ionic share EMAIL

Your collaborator will receive an email with an invitation to view the app. We recommend that they view this email from a mobile device to be able to see the app.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.117.138.178