KatsolAgency

Programming languages and web development including java , html, css ,java script,Tutorials Android phone tricks and Tech news around the world.

Tuesday, July 11, 2017

How to use phoneGap and Ripple emulator

How to use phoneGap  and Ripple emulator

In this tutorials i will show guys how to use the phoneGap
desktop to build an app, and the ripple emulator to test your app
steps by steps.
1. If you are using windows, go to Start menu and click on the
phonegap icon to louche it,  after you louche it,  (see image below)
creating your project using, your first app
2. click on create new project to start
and you you will see this
how to use phonegap



3. This is an imported part,  we have the

  • FILE CHOOSER (LOCAL PATH)
  • TEXT INPUT (NAME OF YOUR APP)
  • ID
4. Go to your desktop or anywhere in your C: and
create a new folder name myapp or gave it any name you want
after you done so,
-  local path
 go to phonegap and click and choose (local path)
navigate to the new folder you just created (myapp), and click on it
and hit ok.
-Name
    Give your app a name in the text input area, the give your app
where will be stored in the config.xml
  -Id
This is a unique identifier across app store,  in this text area you will
type this   com.myapp.phonegop which serve as your app ID
and click on  create project, and wait for few seconds ,  when it finish
creating your project,  you will see something like this,


how to use phonegap directories and server address


Conclusion  
you will  see the name of you app(myapp)
the local path and the server address (http://10.149.226.192:300)
 this will create, your demo app and folders
in your folder (myapp) you will have .cordova, hooks, platforms, plugins,
www, and a file name config.xml. but we need the www folder and the config.xml for now
In the www folder you have the following folders and files,

  1. css (css files)
  2. img,  inside you will put your images
  3. js for java script files 
  4. res ( a folder for your app icons and splash  and last 
  5.   index.html file
Next is how to test you phoneGap using the ripple emulator





    Choose :
  • OR
  • To comment
No comments:
Write comments