This lesson is for PRO members.

Unlock this lesson NOW!
Already subscribed? sign in

Deploy Your Ionic App to a Device

3:15 Angular 1.x lesson by

This lesson has two parts: 1) uploading our app to an Ionic account and 2), downloading the Ionic View app to your phone. Once this lesson is done, we will be able to view our app in our Ionic account dashboard and manage settings for it. We will also be able to share our app with anyone who downloads the Ionic View app, so they don’t have to build and run our app themselves.


egghead.io comment guidelines

Avatar
egghead.io

This lesson has two parts: 1) uploading our app to an Ionic account and 2), downloading the Ionic View app to your phone. Once this lesson is done, we will be able to view our app in our Ionic account dashboard and manage settings for it. We will also be able to share our app with anyone who downloads the Ionic View app, so they don’t have to build and run our app themselves.

In this lesson, we are going to learn how to deploy our Ionic application to Ionic.io, and get it on to our device. We'll start by going to the url "apps.ionic.io." From here, we are going to click sign up.

Now, I already have an account. I'm going to log in. Now that I am logged in, you can see I already have an application in my dashboard. We are going to add another one. We'll go to the command prompt. We'll navigate to the Ionic starter project.

From here, we will type Ionic login. We're going to enter the credentials that we used to create our account. Now, I'm logged in.

From here, I'm going to type Ionic upload. This is going to upload my project to the Ionic site. Now, we can hop over. Let's refresh the page here. You can see that Ionic starter project is now in my dashboard.

From here, we can set some various options such as push settings, deploy settings. Now, let's go to my phone, and we will install the Ionic View App from the Google Play Store, we'll look that up. We'll select Ionic View. We will click install.

This is going to install Ionic view. Once it is installed, we are going to open it up. We will log in using our credentials. We'll click login, put in our email and password. Now, you can see the applications that I have in my dashboard. We will select Ionic starter, and then, click download files.

Now, we can view app through the Ionic View application. We can click through and interact with our application on the device. This is handy when you want to pass around an application to a team of developers, and you do not want them to jump through the hoops to install it on their local environment. This is how you deploy an Ionic app to your device using Ionic View.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?