Selvom min stærkeste område er wordpress, det er ikke min eneste, og jeg kan også lave skerædsyet løsninger f.eks. i codeigniter eller udgiver jeg en gang i mellem en Android app. Så i dag jeg vil snakke lidt om det, udvikling til Googles Play Store. For resten, man kan også tilkobler sin app til en wodpress site 😉
Jeg vil ikke sige at der er mega nemt at lave Apps, fordi det er ikke. Men det er heller ikke såååååååå svært hvis man har i forvejen lidt kendskab om hvordan lave man hjemmesider, fordi det er en vej til os, der er vant til det, og som er for travlt for at lære en helt ny udviklings-sprog, og vejen har en bynavn: cordova.
Desuden en gamle spanske by (som imens på engelsk staves Cordova, det gør Cordoba på spansk), cordova er en cross platform applikationsudvikling ramme. Det betyder, at vi kan skrive vores app ved at bruge helt almindelig html+css+js, og så indpakker det i en Android eller iOs app (ja, det virker også til iOS, men man skal have en apple, og da jeg lige nu holder mig til Microsoft, jeg kan ikke vejleder dér). Og så vil vi gøre det, uden at bruge (næsten) hvilken som helst IDE (En IDE er en program som “indpakker” alle de nødvendige funktionaliteter i en visuelagtig værktøj), lige fra command line. Ja, det sorte skræmmende DOS vindue.
Så, i den første artikel, vil jeg tale om hvad har vi brug for vores android app project. I de følgende artikler vil vi se hvordan indpakker man hjemmesiden, hvordan signerer man det, og hvordan sende man det til Google Play Store.
Vi skal installere de følgende programmer:
Node.js
Cordova kører på node.js, så den er den første vi skal installere. Simpelthen, gå til http://nodejs.org, download og installer det med de anbefalede indstillinger.
node.js tilføjer sig selv til computers PATH environment variable, så det er fedt, vi skal ikke bruge mere tid på det. Bare test at det virker som den skulle, ved at åbne et command vindue og skrev der: node --version
, hvis vises en versionsnummer, det et bestået. Next!
Git
Git er en version control system, og det bruger cordova selv til at have styre på tingene (vi vil ikke blande os om hvad cordova laver i sin fritid, ikke?). Så gå til http://git-scm.com, download det og installer med den anbefalet indstillinger.
Cordova
Fint! vi nærmer os til målet. Som sagt, cordova har brug for node.js, og så derfor installerede vi det først, vi skal bruge det til at installere cordova. Så åbn et command vindue, skrive npm install -g cordova
og sid dig tilbage mens computeren arbejde.
Når det er færdig, du kan tjekke om cordova blev fin installeret med at skrive cordova --version
. Hvis det kommer en version nummer, er vi en skrid frem til.
Java JDK
Næste skridt er at installerer Java JDK v8, ikke den sidste, men 8. Det lyder lidt mærkeligt, men Cordova virker ikke med den allersidste udgave af Java JDK. Så, for sikkerheds skyld, vi først skal tjekke om det er allerede installeret på computer (det kunne være) ved at skrive javac -version
i et command vindue. Hvis det siger at det er ikke, eller det er en anden version, fortsætte vi som så:
- Download java JDK fra https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
- Kør installationen med de standard options. Vær opmærksom om hvilken bin bliver det installeret, du har brug for det i næste skridt
- Opdatér “PATH” så det har JDK. Åbn Control Panel, click System and Security, click System, click Change settings, så System Properties vinduet ånbes. Select Advanced faneblad, og klik på Environment Variables knap
- under User variables select PATH og så click på Edit knap. (Hvis der ikke er en PATH, click på New button for at lave én.)
- Select og kopi de hele sætning fra Variable value felt og paste det i en ren txt file. I slutning af sætningen, skriv en semicolon fulgte med den PATH du noterer før hvor JDK blev installeret. Kopiér det hele igen og indsæt ind i feltet, click OK knap.
- Tilføj JAVA_HOME variable hvis det var allerede ikke der. I feltet Variable value skriv JDKs path uden semikolon og slutning med \bin, f.eks C:\Program Files\Java\jdk1.8.0_11\bin
Click OK knap, klik igen OK så vinduet Environment Variables lukkes. - Åbn et nyt command vindue og skriv igen:
javac -version
Nu burde du se din JDK version opå skærmet, JDK er nu på plads.
Android studio
Tror du eller ej, vi er næsten færdig. Nu vi har brug for Android Studio. Hvorfor? Var ikke i gang med at lave app’er fra CLI? Ja, men den nemmeste måde for at få Android SDK vel installeret, tror på mig, er igennem Android Studio. Og vil have også en Android Emulator for den samme pris, så det betaler sig (ja, ja, android studio er fuldstændig GRATIS, men det kræver tid at installerer det, og det er også en slag pris, ikke?).
Så hent den på https://developer.android.com/studio/index.html og følg vejledninger, programmet vil tilføj alle de nødvendige scripts og ændringer.
Gradle
Den sidste ting vi har brug for installer hedder Gradle. Den er lidt svær at forklare hvad det er eller hvad det laver, men vi kan sige, at den er nødvendig ved bygning at appen (Android SDK bruger det).
Så, først, lav en mappe i dine computer c:/gradle and hent programmet fra https://gradle.org/releases og udpak den i mappen.
Og nu er vi i nødt til at tilføj gradle til de “Environment Variables”, ligesom med vi gjorde med java JDK. Så, åbn Control Panel, click System and Security, click System, click Change settings, så System Properties vinduet ånbes. Select Advanced faneblad, og klik på Environment Variables knap. Under “User variables” select PATH og så klik på Edit knap and tilføj en semicolon fulgte af adressen til mappen bin ind i din gradle, det skulle værer nogen som C:\gradle\gradle-6.5.1\bin.
Åbn et nyt command vindue og skriv: gradle -v
Nu burde du se din gradle udgave på skærmet, gradle er nu på plads y vi er endelig færdig ved at installere ting.