Bygg din egen mobilapp med Cordova

Bruke Cordova kan være den raskeste måten for mange webutviklere å begynne å bygge en mobil applikasjon. Med Cordova trenger du ikke å lære et nytt sett med programmeringsspråk, du kan ganske enkelt bruke HTML, CSS og JavaScript.

Du kan kompilere kodene dine i mange mobile plattformer, inkludert iOS, Android, Windows Phone og BlackBerry, ved hjelp av Phonegap build-verktøyet. Spørsmålet er nå "hvor skal du begynne?"

Til å begynne med må vi lage et "Cordova-prosjekt" . Hvis du er en webutvikler som er interessert i å bygge ditt eget mobilprogram, følger du dette innlegget. Vi vil vise deg den raskeste måten å starte et prosjekt for å bygge mobilapplikasjon med Cordova. La oss bare komme i gang.

Cordova CLI

Cordova kommer med Command-Line Interface (CLI) som inkluderer kommandoen for å lage et prosjekt, etterligne og bygge appen. Cordova CLI er tilgjengelig som en Node.js-pakke. Så du må installere Node.js for å kunne installere den.

Forutsatt at du har installert den på datamaskinen, kan du skrive denne kommandolinjen i Terminal eller Command Prompt for å installere Cordova CLI.

 npm installere -g cordova 

Dette vil installere cordova kommandoen globalt; Du kan nå kommandoen hvor som helst i datamaskinens kataloger. Skriv cordova -v å få den installerte versjonen.

Opprette et prosjekt

Når du har installert Cordova CLI, starter en Cordova-prosjektet en bris. Selv uten å være kjent med kommandolinjer, bør dette være lett å følge. Vi kan lage et prosjekt med create kommandoen etterfulgt av prosjektmappenavnet, for eksempel:

 cordova lage hongkiatcom 

Denne kommandoen laster ned alle nødvendige filer, samt noen eksempler på filer for å hjelpe oss med å komme i gang med utviklingen.

Når prosjektet er opprettet, skriv inn prosjektkatalogen ved hjelp av cd . Denne mappen skal inneholde antall mapper som følger.

• Krokmappen kan inneholde skript som tilpasser de innfødte Cordova-kommandoene.
• Sammenslåingsmappen kan inneholde HTML-, CSS- og JavaScript-filer for bestemte plattformer og vil overstyre dem i www-mappen ved applikasjonsutplasseringen.
• Plattformmappen inneholder innfødte appfiler når vi tar sikte på å bygge for en bestemt plattform.
• Pluginsmappen inneholder plugins som strekker seg til Cordova.
• Www- mappen inneholder generelle webfiler som deles på tvers av plattformer.

Platform IDE

Før vi fortsetter, må vi ha en IDE som Xcode for å utvikle iOS-appen, Android Studio for å utvikle Android og Visual Studio for Windows Phone. Siden jeg bruker OS X og har Xcode installert allerede, vil jeg bruke dem til å legge til iOS-plattformen i prosjektet mitt.

Skriv inn følgende kommando:

 cordova plattform legg til ios 

Som nevnt, vil denne kommandoen legge til innfødte filer for å bygge programmer for den angitte plattformen på kommandolinjen. Etter å ha kjørt kommandoen ovenfor, bør du finne en mappe som heter ios som inneholder .xcodeproj filer og en rekke andre filer, som følger.

Hvis du har lagt til Android-plattformen, vil du finne en mappe som heter android i stedet.

Legg til prosjektet i IDE (Xcode)

Nå legger vi prosjektkatalogen til IDE, som i dette tilfellet er Xcode. Start Xcode. Gå til Fil> Åpne meny og naviger til plattformkatalogen - for eksempel / plattformer / ios . Klikk Åpne for å åpne mappen i Xcode.

Du kan endre noe - HTML, CSS, Image og JS - i www- mappen. Når det er gjort, klikk på avspillingsknappen øverst til venstre for Xcode for å kompilere appen og presentere den i iPhone Simulator.

Endelig tanke

Cordova har gjort å lage en mobil app enkel å følge. Vi kan bygge en mobil app som om vi bygger et nettsted. I dette innlegget har vi vist deg hvordan du oppretter et Cordova-prosjekt og presenterer appen i iOS-simulatoren. Det er faktisk så mye mer å utforske i Cordova. Alas, jeg håper at dette innlegget kan hjelpe deg med å komme i gang med å bruke Phonegap for å utvikle mobilapp.

WhatsApps nyeste Beta oppdatering støtter nå video streaming

De som noen gang har prøvd å se en video på WhatsApp vet at det er en smerte da appen krever at du laster ned hele videoen før du kan se den på vanlig måte. Heldigvis kan dette ikke lenger være tilfellet da WhatsApp Beta-appen har mottatt en oppdatering som lar deg streame videoer i stedet for å laste dem ned først.I øyebli

(Tekniske og design tips)

Lytro Illum lar deg omfokusere bilder etter at du har fanget dem

Fotografering har eksistert lenge, men det har ikke vært mye fremgang de siste årene. Sikker på at sensorene i våre kameraer og DSLR blir bedre og bedre, og vi får kule teknologier som WiFi-tilkobling, men mediet selv har ikke forandret seg mye. Vi fanger fortsatt flat 2D-bilder, med de eneste forbedringene som er størrelsen og detaljene på disse bildene. Innti

(Tekniske og design tips)