html Javascript and css android app by voltbuilder

 how you create android application by easy step by using html JavaScript and CSS code easily

step1 create  one folder by giving any name for example i create tuttorials folder

then inside that folder create two folder called www and res
and also inside www folder create two folder for icon image called icons and for splash screen colled splash
then open your text editor and open the www folder and create index.html file and
write your html code and index.js or what every name for js extension file and css inside www folder
then create config.xml and past bellow code on it

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.registration.jinka" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>jkurapp</name>
    <description>send massage to your friend
  </description>
    <author email="eliasgalchu08@gmail.com" href="">
       
    </author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />

    <plugin name="cordova-plugin-camera" spec="~5.0.0" />
    <plugin name="cordova-plugin-splashscreen" spec="~6.0.0" />
    <platform name="android">
        <allow-intent href="market:*" />
        
       

        <icon src="www/icons/jku.png" density="ldpi" />       
        
        

       
        

        <splash src="www/splash/mnl.jpg" density="port-mdpi" />
       
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
</widget>
and in red colored line of code change name of image to your own that you put in splash folder and icon folder for example if you put your image in icons folder with name of me.png
then you can change  jku.png
<icon src="www/icons/jku.png" density="ldpi" />     
and for splash folder do the same
and change mnl.jpg to yours

  <splash src="www/splash/mnl.jpg" density="port-mdpi" />
in second line of code  change com.registration.jinka to your own and follow the same format
<widget id="com.registration.jinka" version="0.0.1" xmlns="http://www.w3.org/ns/widgets"
and at home page give your app name 
 <name>jkurapp</name> change jkurapp in this code to your own app name
after that create voltbulder.json file and past bellow code

{
    "androidAlias": "key0",
    "androidAliasPassword": "mypassword",
    "androidKeystore": "certificates/android.keystore",
    "androidKeystorePassword": "mypassword",
    "androidPackageType": "apk",
    "googlePlayKey": "certificates/google.json",
    "googlePlayTrack": "production",
    "iosDevP12": "certificates/ios_development.p12",
    "iosDevP12Password": "mypassword",
    "iosDevelopment": "certificates/development.mobileprovision",
    "iosDistP12": "certificates/ios_distribution.p12",
    "iosDistP12Password": "mypassword",
    "iosDistribution": "certificates/distribution.mobileprovision",
    "iosPackageType": "app-store",
    "itunesAccount": "somebody@somecompany.com",
    "itunesAppPassword": "wxyz-ymul-hbqn-xxxx",
    "release": "debug"
}
after that make zip your for you folder for example mine is tuttorial folder that contain www and res 
folder in it
after that open your browser and search   click here  voltbuilder  search voltbulder

then click one get started
at top corner click on sign up button
sign by your email address and you are taken to this page

out of 3 option choose android and click on android icon it take youto file and go to your zip folder and
upload it 
after that says accepted and prossesing
then 
know your app is ready scan qr code or download your app it install on all
divice 

Post a Comment

Contact Form