3 steps to update new PhoneGap version for Adobe Dreamweaver CS

|Adobe Dreamweaver,PhoneGapNo Comments
3 steps to update new PhoneGap version for Adobe Dreamweaver CS

PhoneGap becomes a shining star in cross-platform mobile application development now. I has no doubt the reason is Adobe acquired Nitobi in the 4th semester of 2011 and announce it in Adobe MAX Day 2. So after that, a lot of mobile developer jump into this technology, and as you guess, Dreamweaver step on the stage as the best tools from Adobe to implement web project via PhoneGap to iOS and Android.

But dealing with the world of open-source need speed. PhoneGap is an open source project, so the implementation grows up day by day and new version kick out the bundled version away. So let see how to update your Adobe Dreamweaver in your machine to get fresh of latest PhoneGap’s stable version. Feel free to follow instruction or see the video below.

1. Preparing

  1. Download latest version of PhoneGap from its website: www.phonegap.com
  2. Extract the zip to folder
  3. You will see several folders which separated according to mobile platform. This is your starting point.

2. Update PhoneGapLib for iOS

  1. Go into iOS folder
  2. You will see “PhoneGap-X.X.X.dmg” which X represent version number. (Mine is PhoneGap-1.3.0.dmg)
  3. Double click to start installation, go through process until finish.
  4. Go to /Users/<your username>/Documents/PhoneGapLib/
  5. Copy everything, except “build” folder.
  6. Go to /Applications/Adobe Dreamweaver CS5.5/Configuration/NativeAppFramework/DWPhoneGap/iphone/PhoneGapLib/
  7. Paste copied file here.
  8. Done. ;)

3. Update PhoneGapLib for Android

  1. In your extracted PhoneGap folder, go into Android folder.
  2. Rename JAR file from “phonegap-X.X.X.jar” to “phonegap.jar“
  3. Rename JS file from “phonegap-X.X.X.js” to “phonegap.js“
  4. Copy phonegap.jar and replace existing one in /Applications/Adobe Dreamweaver CS5.5/Configuration/NativeAppFramework/DWPhoneGap/android/PhoneGapApp/libs/
  5. Copy phonegap.js and replace existing one in /Applications/Adobe Dreamweaver CS5.5/Configuration/NativeAppFramework/DWPhoneGap/android/PhoneGapApp/assets/www/
  6. Done. ;)

If you are in Thailand or Asia Pacific, you can also join Thai Adobe Developer Community, an official Adobe User Group in Thailand. We welcome international developer to our meeting and discussion. ;)