# How to use phonegap developer app on ionic

**URL:** <https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043>\
**Category:** uncategorized\
**Created:** [June 24, 2014, 3:58pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043 "2014-06-24T15:58:52Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 24, 2014, 3:58pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/1 "2014-06-24T15:58:53Z")

</div>

hey guys is there any way to use PhoneGap Developer App for ionic project ? if yes how ?  
i have tried  
ionic serve  
it generated this but i can’t access it through developer app on my phone…  
is there any method to change the [http://0.0.0.0](http://0.0.0.0) to my IP address ?  
Running dev server at [http://0.0.0.0:8100](http://0.0.0.0:8100)

Running live reload server at [http://0.0.0.0:35729](http://0.0.0.0:35729)

your help is appreciated thanks !

---

<div class="post-metadata">

**Author:** ![notmatt](https://avatars.discourse-cdn.com/v4/letter/n/f6c823/32.png) [@notmatt](https://forum.ionicframework.com/u/notmatt)\
**Post date:** [June 24, 2014, 4:08pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/2 "2014-06-24T16:08:02Z")

</div>

I’m assuming you’re talking about the iOS/Android app that connects through a local proxy. I’ve been able to get this to work by using `phonegap serve` inside the cordova build folder (`/www`)

I also had to use a different port, since my server is running on the default port that phonegap uses, you can change this as expected: `phonegap serve -p 4000`

---

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 25, 2014, 12:23am UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/3 "2014-06-25T00:23:56Z")

</div>

Hi notmatt, thanks for your reply.  
i have encounter this error when i tried your approach

> [Error: project directory could not be found]  
> [error] project directory could not be found

may i know what is the difference between cordova build and ionic build ?  
all I did just followed what the intrusction on [http://ionicframework.com/](http://ionicframework.com/)

I build my app by using these commands

$ ionic start myApp tabs  
$ cd myApp  
$ ionic platform add ios  
$ ionic build ios  
$ ionic emulate ios

should i replace the ionic command to cordova in order to get it works ? if yes which part of the code/directory should i modify in order to get all the ionic build missing file into corodova build app.

---

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 25, 2014, 1:02pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/4 "2014-06-25T13:02:03Z")

</div>

can anyone help me with this ?

---

<div class="post-metadata">

**Author:** ![notmatt](https://avatars.discourse-cdn.com/v4/letter/n/f6c823/32.png) [@notmatt](https://forum.ionicframework.com/u/notmatt)\
**Post date:** [June 25, 2014, 3:17pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/5 "2014-06-25T15:17:49Z")

</div>

The terms ‘Ionic build’ and ‘cordova build’ are essentially same thing (correct me if I’m wrong, Mike), the `www/` directory is what cordova uses to compile the app for iOS/Android devices. I’m not sure why you’re getting this error. I’ll try to re-create what you did and see what happens.

---

<div class="post-metadata">

**Author:** ![notmatt](https://avatars.discourse-cdn.com/v4/letter/n/f6c823/32.png) [@notmatt](https://forum.ionicframework.com/u/notmatt)\
**Post date:** [June 25, 2014, 3:22pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/6 "2014-06-25T15:22:43Z")

</div>

Ah, what is missing is the `.cordova` directory which contains a config.json file, mine looks something like this:

```auto
{
    "lib": {
        "www": {
            "id": "com.myapp.namespace",
            "version": "0.0.1",
            "uri": ""
        }
    }
}

```

I’m a complete cordova noob but I believe it _should_ be generated at some point… I’ll be honest and say I have no idea how.

---

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 25, 2014, 3:35pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/7 "2014-06-25T15:35:35Z")

</div>

![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/1079/055896875669611f.png)

how come i don’t have any .cordova folder inside my root folder, am i missing something ?

or i’m using wrong commands ?

$ ionic start testApp sidemenu  
$ cd testApp  
$ ionic platform add android  
$ ionic build android

---

<div class="post-metadata">

**Author:** ![notmatt](https://avatars.discourse-cdn.com/v4/letter/n/f6c823/32.png) [@notmatt](https://forum.ionicframework.com/u/notmatt)\
**Post date:** [June 25, 2014, 3:45pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/8 "2014-06-25T15:45:59Z")

</div>

I don’t think those commands were intended to be used alongside the phonegap developer app. You could google around to figure out how to generate that folder or you could just create yourself and add the `config.json` file manually.

---

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 25, 2014, 3:52pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/9 "2014-06-25T15:52:41Z")

</div>

Thanks for your time !  
one last question, do you mind to tell me how you build your cordova/phonegap project with command and how you integrate it with ionic framework ?

---

<div class="post-metadata">

**Author:** ![notmatt](https://avatars.discourse-cdn.com/v4/letter/n/f6c823/32.png) [@notmatt](https://forum.ionicframework.com/u/notmatt)\
**Post date:** [June 25, 2014, 4:28pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/10 "2014-06-25T16:28:19Z")

</div>

I’ve created a separate `/app` directory for my files (I use coffeescript and scss). [http://imgur.com/v099k3P](http://imgur.com/v099k3P)

And I customized the gulpfile from this repo: [https://github.com/shedd/ionic\_build\_tools](https://github.com/shedd/ionic_build_tools) to build my assets from my `app/` directory into the `www/` directory

I develop locally using `gulp serve` and with the emulator using `gulp build --run --ios`

Another alternative is to use this generator: [https://github.com/diegonetto/generator-ionic](https://github.com/diegonetto/generator-ionic) which people have had success with as well.

---

<div class="post-metadata">

**Author:** ![lannie](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lannie/32/65321_2.png) [@lannie](https://forum.ionicframework.com/u/lannie)\
**Post date:** [June 30, 2014, 2:50am UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/11 "2014-06-30T02:50:24Z")

</div>

I hacked my way there like this: I created the ionic “loyalty” demo project. Independently, I created a phonegap project. I built the phonegap project and made sure it came up on my phone running the phonegap developer app. Then I merged the loyalty project files into the phonegap project: I copied over everything that didn’t exist in the phonegap project, and I copied over everything in the www directory. Finally, I did an ionic build ios and a phonegap build ios, phonegap serve, and the loyalty app came up on my phone. It’s a hack, but I’m just starting out.

By the way, here is another way to do the same sort of thing: Go to [http://apps.ionicframework.com/](http://apps.ionicframework.com/), you can upload your project there and then run it on your iPhone using an iPhone app called Ionic View (not sure if they have an Andriod yet), which is similar to the phonegap developer app.

---

<div class="post-metadata">

**Author:** ![johnlim5847](https://avatars.discourse-cdn.com/v4/letter/j/3e96dc/32.png) [@johnlim5847](https://forum.ionicframework.com/u/johnlim5847)\
**Post date:** [June 30, 2014, 4:03am UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/12 "2014-06-30T04:03:19Z")

</div>

thanks ! , i guess ionic view is the solution

---

<div class="post-metadata">

**Author:** ![CateFul](https://avatars.discourse-cdn.com/v4/letter/c/919ad9/32.png) [@CateFul](https://forum.ionicframework.com/u/CateFul)\
**Post date:** [August 20, 2014, 8:01am UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/13 "2014-08-20T08:01:21Z")

</div>

It’s actually very easy. You just need to create a .cordova directory inside the app root.

```
$ionic start myApps
$ionic platform add ios
$cd myApps
$mkdir .cordova
$phonegap serve

```

---

<div class="post-metadata">

**Author:** ![bleuscyther](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bleuscyther/32/98410_2.png) [@bleuscyther](https://forum.ionicframework.com/u/bleuscyther)\
**Post date:** [August 24, 2014, 9:03pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/14 "2014-08-24T21:03:40Z")

</div>

PERFECT!!! this is what is missing

---

<div class="post-metadata">

**Author:** ![bleuscyther](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bleuscyther/32/98410_2.png) [@bleuscyther](https://forum.ionicframework.com/u/bleuscyther)\
**Post date:** [August 24, 2014, 9:05pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/15 "2014-08-24T21:05:20Z")

</div>

No actually its just a file `> .cordova` not a directory

---

<div class="post-metadata">

**Author:** ![snajc](https://avatars.discourse-cdn.com/v4/letter/s/838e76/32.png) [@snajc](https://forum.ionicframework.com/u/snajc)\
**Post date:** [August 29, 2015, 9:14pm UTC](https://forum.ionicframework.com/t/how-to-use-phonegap-developer-app-on-ionic/6043/16 "2015-08-29T21:14:34Z")

</div>

I don’t use the IP address that phonegap gave me, I use my own IP address
