Android TutorialsLearn to develop apk file using phonegap

Learn to develop apk file using phonegap

In this session we will learn to create github account , push our application on github and learn to develop apk file using Phonegap build .

  • For creating your Github account follow the steps given below :

  1. First download and install the Git Bash setup and Xampp server in your machine .
  2. Open up the web-browser and enter the following url : www.github.com
  3. You will get the following window :
  4. 0

  5. So now enter a username ,your email id and password in the respective tabs and click on the Sign up for GitHub button .
  6. After you click on the signup button following window is displayed:
  7. 0.1

  8. Now click on the “+” icon on the right hand side as indicated by the red arrow and then click on the “ New repository ” as indicated by the blue arrow .
  9. 0.2

  10. After clicking on the New repository you will be navigated to the next window ,specify a Repository name ,select a public radio button and click on the Create repository button as shown in the image below :
  11. 0.3

  12. So after clicking on the Create repository button you have the following window :
  13. 0.4

  14. Go to Xampp -> htdocs folder .
  15. In htdocs create a new folder say test_app .
  16. 0.5

  17. Now in test_app folder create a text document say index.html .
  18. So in test folder you will have the index.html file as shown in the Image.
  19. 0.6

  20. Now open your index.html file with any editor for example Notepad++ and write your application code in it :
  21. Save your file .
  22. Now go to your start menu-> GitBash-> right click on it -> Send To -> Desktop (create a shortcut) of GitBash on Desktop as shown below :
  23. 0.7

  24. So now you will have a GitBash icon on your desktop .
  25. Now Right Click on the GitBash icon on the desktop and go to properties and in the Start in edit box set the path as : c:xampphtdocs as shown in the image.
  26. 0.8

  27. Now Click on Apply and then click the OK button .
  28. Now start the GitBash application from the desktop and you will have the following screen :
  29. 0.9

  30. Now insert the command as given below in the gitbash command prompt window..
  31. ls
    cd test_app(that is your folder name)
    ls
    

  32. Thus after inserting the commands you will have the following view of your gitbash command prompt window :
  33. 0.10

  34. After you get this , insert further commands in the same command prompt window as given below :
  35. git config --global user.name “username of your github account”
    
    git config --global user.email “email of your github account”
    
    git config --list
    

  36. After inserting this command your gitbash command prompt window will have the following look , check whether ur username and email you entered has been generated in the list :
  37. 0.11

  38. After this insert the following commands :
  39. git init
    
    ls –a
    
    git add .
    
    git commit –am ‘initial commit’
    

  40. You will have the following window :
  41. 0.12

  42. Now go to your github account where you had created the test_app repository and copy the add origin command and push command and paste it in the gitbash command prompt respectively.
  43. 0.13

  44. So after adding the commands you will be asked for your github username and password ,so you will have the following window :
  45. 0.14

  46. Hence now the push operation is complete, so now we are ready to build our application i.e the apk file .
  47. Now go to www.build.phonegap.com and click on Sign in tab present at the right.
  48. 1

  49. After clicking on the Sign in button you will get the next page where you have to click on the Sign in with GitHub button as shown by the arrow head ..
  50. 2

  51. After that you will be navigated to the next page where you have to click on the new app button as shown by the red arrow head.
  52. 3

  53. After clicking on the new app button ,you will get the following window where you have to select the open-source tab and click on the dropdown pointer and select your app as shown in the image
  54. 4

  55. When you select your app the fetching process will start as shown in the image :
  56. 5

  57. After the fetching is complete you will get the following window :
  58. 6

  59. Now click on the Ready to Build button as shown by the red arrow in the above image and you will get the following screen :
  60. 7

  61. Click on the android icon and you will have the following window popping up to save the apk file.
  62. 8

  63. Now save your apk file and insert it in your android mobile phone and install it ,you will have the application running on your mobile phone .
  64. Thus we have learn to develop apk file using Phonegap Build .

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Exclusive content

- Advertisement -

Latest article

21,501FansLike
4,106FollowersFollow
106,000SubscribersSubscribe

More article

- Advertisement -