PhoneGap Files Setup and Netbeans integration (HTML, CSS, JS)

  • 1
  • Question
  • Updated 4 years ago
I'm new to PhoneGap and Xcode, so any help would be much appreciated.

I've set up PhoneGap CLI on my Macbook Pro and I'm having some issues running the Xcode project after setting it up using Terminal.

When you create the project, you are left with these files:



But I want to add my own files from a Netbeans project, so how do I do that?

At the moment, when I run the Xcode project in the simulator, I'm left with this as the screen:



I want to be able to see the app I've created in Netbeans instead, so how do I do that? Do I delete the current HTML, CSS and JS Files in the default project and then simply copy and paste my Netbeans Files into the www. document instead?
Photo of Mark Owens

Mark Owens

  • 3 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@Mark,
Since this is your first post, please answer the following question:
- is this your first hybrid app?
- are you using Desktop App?
- are you using CLI, Build, or SDK? Please do not assume the answer, please read the link.

Thanks
Jesse
Photo of Mark Owens

Mark Owens

  • 3 Posts
  • 0 Reply Likes
@JesseMonroy650

A hybrid app.

It's a mobile app. I'm building it using Netbeans, as that's they way I was thought how to code in class.

CLI, I think. I'm not too sure. How can I tell?
Photo of Mark Owens

Mark Owens

  • 3 Posts
  • 0 Reply Likes
PhoneGap CLI is what I think it is based on following the instructions under that name on the PhoneGap website, combined with the lecture notes.
Photo of JesseMonroy650 (Volunteer)

JesseMonroy650 (Volunteer), Champion

  • 3325 Posts
  • 122 Reply Likes
@Mark,
i can see massive confusion. This is not new to people coming into Phonegap.

As such, i can see you did not read the link _or_ perhaps you failed to understand the words.

There are three distinct workflows for producing Phonegap mobile apps.

1) CLI (Command Line Interface)
2) SDK which is used with IDEs, like Eclipse, Android Studio, Visual Studio, etc.
3) Build, a cloud-based build system by Adobe/Phonegap.

It appears you are using some CLI and some SDK. Your goal appears to use an IDE, possibly Eclipse or similar with Netbeans.

To clear up some confusion, Phonegap is about using HTML, CSS and Javascript to create an app. Using Java or Objective C or C# is strictly a waste of time - unless you plan on creating plugins.

Also, Build only needs two (2) files - index.html, config.xml. The others required downloading, installing, and maintenance. As such, if you are reading the wrong documentation - things will get confusing.

As such, I going to recommend you read the following FAQ. Read the bold sentences first, then come back and we will get you moving in the right direction.

Top Mistakes by Developers new to Cordova/Phonegap

TIA
Jesse