March 20, 2016

Rename App in Ionic Framework

Rename App in Ionic Framework – We sometimes need to rename the app in ionic framework. You can rename the app simply following the steps described in this post. Here in this tutorial we are going to explain the steps to rename the ionic apps.

Rename App in Ionic Framework

You can follow the below steps to rename the app in ionic. We are going to explain separately for android and ios framework.

How to Rename app in Ionic Framework – Android

Step 1 :

Open config.xml which is at root and change the name –

Rename App in Ionic Framework

config.xml file contains the following content-

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.todo194594" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>My First App</name>
  <description>
        An Ionic Framework and Cordova project.
    </description>
  <author email="hi@ionicframework" href="http://ionicframework.com/">
      Ionic Framework Team
    </author>
....

.....

.......

Now change the name in tag – <name>My First App</name>.

Step 2 :

Execute the following command –

ionic platform remove android

Now go to platforms folder and make sure the android folder is deleted.

Step 3 :

Run the below command –

ionic platform add android

Now you application is renamed successfully.

How to Rename app in Ionic Framework – IOS

Step 1 :

Open config.xml which is at root and change the name –

Rename App in Ionic Framework

config.xml file contains the following content-

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.todo194594" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>My First App</name>
  <description>
        An Ionic Framework and Cordova project.
    </description>
  <author email="hi@ionicframework" href="http://ionicframework.com/">
      Ionic Framework Team
    </author>
....

.....

.......

Now change the name in tag – <name>My First App</name>.

Step 2 :

Execute the following command –

ionic platform remove ios

Now go to platforms folder and make sure the ios folder is deleted.

Step 3 :

Run the below command –

ionic platform add ios

Now you application is renamed successfully.

Rename App in Ionic Framework