Wednesday, October 25, 2017


Build App with Build.PhoneGap.Com  Tutorial
Adobe PhoneGap framework is an open source distribution of Cordova — providing the advantage of technology created by a diverse team of pros along with a robust developer community — plus access to the PhoneGap toolset, so you can get to mobile faster.
Simply upload your HTML5, CSS, and JavaScript assets to the Adobe® PhoneGap™ Build cloud service and they do the work of compiling for you.

1) Go to Build.PhoneGap.Com Website

2) Select the plan.

Select the completely free plan.

3) Get Adobe ID.

If you are not yet a member, get an adobe id first.

4) Create a new App

Click +new app button.

5) Upload Zip File.

Prepare your HTML file.

Create a folder “phonegaptest1”.
Inside “phonegaptest1”, create another folder “www”.
In “www’ folder, create index.html and put the codes below into the file.
<!DOCTYPE html>
<svg width="100%" height="300px">
<g id="R1" transform="translate(250 250)">
  <ellipse rx="100" ry="0" opacity=".3">
  <animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite" />
  <animate attributeName="cx" dur="8s" values="-20; 220; -20" repeatCount="indefinite" />
  <animate attributeName="ry" dur="3s" values="10; 60; 10" repeatCount="indefinite" />
<use xlink:href="#R1" transform="rotate(72 390 150)" />
<use xlink:href="#R1" transform="rotate(144 390 150)" />
<use xlink:href="#R1" transform="rotate(216 390 150)" />
<use xlink:href="#R1" transform="rotate(288 390 150)" />
Wait for upload process.

6) Build.

Click Ready to build.

7) Download APK.

You can download and install Android and Windows app easily. However, for iOS, you must provide a valid key first before building and downloading the app.

8) Install to Android Device.

Download the apk and install to the device.

9. Change Settings

Next, you can do few other things:
1. Update code.
2. Change settings.
3. Delete the app.

After deleting the app, try creating a new app by importing the following project from GitHub.

You should get a new project created like this.


1 comment:

  1. eToro is the #1 forex trading platform for novice and advanced traders.