I dette kapittelet vil vi lære hvordan du setter opp basisk miljø for å lage apps uanstrengt. Selv PhoneGap støtter offline opprettelsen av apps som bruker Cordova kommandolinjegrensesnittet og Github depotet mekanismen, skal vi konsentrere oss om minimum innsats prosedyre.

Vi forutsetter at du er godt bevandret med web-teknologi og har din webapplikasjon klar til å bli sendt som en app. Fordi PhoneGap bare støtter HTML, CSS og Javascript, er det obligatorisk at søknaden skal opprettes ved hjelp av disse teknologiene bare

Fra en utviklers perspektiv, en app bør ha følgende elementer inngår i pakken & minus;.

Konfigurasjonsfiler

Ikoner for app

Informasjon eller innhold (bygget ved hjelp av web-teknologi)

Konfigurering

Vår web app vil trenger bare en konfigurasjonsfil som bør være tilstrekkelig for å konfigurere alle sine nødvendige innstillingene. Navnet er config.xml. Denne filen inneholder all nødvendig informasjon for å kompilere programmet

La oss se config.xml for vårt eksempel & minus;.
& Lt;? Xml version = "1.0" encoding = "UTF-8"? & gt; & lt; widget xmlns = "http://www.w3.org/ns/widgets" xmlns: gap = "http://phonegap.com/ns/1.0" id = "com.tutorialspoint.onlineviewer" version = "1.0" & gt; & lt; navn & gt; Guider Point & lt; /navn & gt; & lt; beskrivelse & gt; Guider Point Online Viewer & lt; /beskrivelse & gt; & lt; forfatteren href = "http://tutorialspoint.com" e = "[email protected]" & gt; Guider Point & lt; /forfatter & gt; & lt; preferanse name = "tillatelser" value = "ingen" /& gt; & lt; icon src = "res /ikon /android /teikne-ldpi /tp_icon.png" gap: plattform = "android" gap: qualifier = "ldpi" /& gt; & lt; icon src = "res /ikon /android /teikne-mdpi /tp_icon.png" gap: plattform = "android" gap: qualifier = "mdpi" /& gt; & lt; icon src = "res /ikon /android /teikne-hdpi /tp_icon.png" gap: plattform = "android" gap: qualifier = "hdpi" /& gt; & lt; icon src = "res /ikon /android /teikne-xhdpi /tp_icon.png" gap: plattform = "android" gap: qualifier = "xhdpi" /& gt; & lt; icon src = "res /ikon /android /teikne-xxhdpi /tp_icon.png" gap: plattform = "android" gap: qualifier = "xxhdpi" /& gt; & lt; icon src = "res /ikon /iOS /ikon-72.png" gap: plattform = "ios" gap: qualifier = "" /& gt; & lt; icon src = "res /ikon /iOS /ikon-57.png" gap: plattform = "ios" width = "57" height = "57" /& gt; & lt; icon src = "res /ikon /iOS /ikon-72.png" gap: plattform = "ios" width = "72" height = "72" /& gt; & lt; icon src = "res /ikon /iOS /ikon-57-2x.png" gap: plattform = "ios" width = "114" height = "114" /& gt; & lt; icon src = "res /ikon /iOS /ikon-72-2x.png" gap: plattform = "ios" width = "144" height = "144" /& gt; & lt; /widget & gt;

Alt innholdet konfigurasjons er pakket inn i & lt; widgeten & gt; tag. Kort beskrivelse av disse er som følger & minus;
& lt; widget id = "APP_ID" & gt;

id er din reservert app-id på ulike app butikker. Det er i revers-domenenavn stil dvs. com.tutorialspoint.onlineviewer etc.
& lt; widget version = "xyz" & gt;

Dette er versjonsnummeret app i xyz format der (x, y, z) er positive heltall dvs. 1.0.0, den representerer major.minor.patch versjon system
. & lt; navn & gt; App Name & lt; /navn & gt;

Dette er navnet på programmet, som vil bli vist under programmet ikonet på mobilskjermen. Din app kan søkes ved hjelp av dette navnet
. & Lt; beskrivelse & gt; My First Web App & lt; /beskrivelse & gt;

Dette er en kort beskrivelse av hva app handler om, og hva det er
. & Lt; forfatter & gt; AUTHOR_NAME & lt; /forfatter & gt;

Dette feltet inneholder navnet på skaperen eller programmerer, vanligvis satt til navnet på organisasjonen som lanserer dette programmet
. & Lt; preferanser name = "tillatelser" value = "ingen" & gt;

preferanser taggen brukes til å sette opp ulike alternativer som Screen, bakgrunnsfarge og legning for app. Disse alternativene er i navn og verdi-par. For eksempel: name = "Fullscreen" value = "true" etc. Fordi vi ikke trenger noen av disse forhåndsinnstillingene, vi bare sette tillatelser stykke
& lt; ikonet & gt;

tillater oss å legge til ikoner til vår. apps. Det kan kodes på ulike måter, men siden vi arelearning short-cut på alt, så her er det. .src
avgjør banen til ikonbilde. gap: plattform
avgjør hvor OS-plattformen dette ikonet skal brukes. gap: qualifier
er tettheten som brukes av Android-enheter. IOS-enheter bruker width & amp; høyde
parametere.

Ikoner

Det er enheter i ulike størrelser som har samme mobile operativsystem, så å målrette et publikum på én plattform du trenger for å innrede ikoner av alle mobiler typer også . Det er viktig at vi forbereder ikoner eksakt former og størrelser som kreves av bestemte mobile operativsystem.

Her er vi ved hjelp av mappene res /ikon /ios Hotell og res /ikon /android /teikne-xxxx.
.

For å få dette arbeidet gjort raskt, kan du lage en logo av størrelse 1024x1024 og logge på makeappicon.com. Dette nettstedet vil hjelpe deg kjapt lage logoer i alle størrelser for både Android og iOS-plattformen

Etter å gi ikonbilde av størrelse 1024x1024, makeappicon.com bør gi følgende & minus;.

Ikoner for iOS

Ikoner for Android

Denne nettsiden gir deg en mulighet til å sende e-post alle logoer i zip-format til dørstokken (aka e-post, for selvfølgelig!) Anmeldelser