Start with Ionic’s Pro Service Explained

Leave a Comment / By Jolly.exe / Updated On June 4, 2022

Ionic’s Pro service is very powerful in terms of maintenance and testing during app development. It provides many features like we can deploy on real devices for testing on a personal level, or we want any other person we can share our app with others for team testing. You can read more about Ionic Pro Docs.

Here we will only discuss like how we can setup Ionic Pro. So let’s get started…

Step 1 – First We will simply start with new application creation. Just Run following commands one by one in CMD command prompt.

$ npm install -g [email protected]

Create new app using command

$ ionic start IonicProDemo

After that select template, we will select “Blank” for a demo.

Then it will ask if you want to add Ionic Pro SDK. You can reply with N for no. It will save time 😉

Go to root of app folder

$ cd IonicProDemo

Step 2 – Now go to Ionic Dashboard, If you don’t have an account, register and then log in.

Click on “New App“

Enter name same as we created i.e “IonicProDemo“

Step 3 – Dashboard will have steps. In the second step there will be two options “START A NEW APP” and “CONNECT EXISTING APP” as we have already created an app, we will select the second option.

Now run following command to link the created application with Ionic Dashboard:

$ionic link --pro-id 7f7d7ada

After running this command local app will get connected to Ionic Pro dashboard.

Step 4 – Push local code to the ionic dashboard using the command.

$git push ionic master

Step 5 – Ionic Pro only provides versioning and code deployment system, but we need out own Versioning control where we can upload our code to. We will use GitLab.com. Just create a free account here GitLab or just log in if you already have an account.

After login, on dashboard click on “New project” and provide the same name as app name i.e “IonicProDemo”

Now copy git path we will use later

Step 5 – Now add this repository to our Ionic app using the following command

$git remote add origin https://gitlab.com/ipsjolly/IonicProDemo.git
$git push --set-upstream origin master

Now you are all done with Ionic Pro application development environment.

Hope this tutorial was helpful, let me know if you further have any problem setting the thing up.