JavaScript-mobilapper: Ja, det er et rammeverk for det

Annonse

Hvis du vil begynne å lage mobilapper, det er tre hovedspråk De beste språkene for utvikling av mobilapper i 2016Verden for mobilapputvikling går fortsatt like sterk som alltid. Hvis du vil komme i gang, er det ikke for sent! Her er språkene du bør tenke på å lære. Les mer å velge mellom: Java for Android-apper, Swift for iOS-apper, eller JavaScript for apper på tvers av plattformer.

Men vent, er det ikke JavaScript for web utvikling? Ja, det startet på den måten, men har utviklet seg ganske mye det siste tiåret. Du kan nå opprette en webapp i JavaScript og pakke den sammen med en nettlesermotor som fungerer som en mobilapp. Disse kalles “hybrid” -apper.

Nylig kan noen JavaScript-rammer ta JavaScript-kode, kompilere til en mobil plattforms iboende språk og kjøre som en ekte mobilapp. Disse kalles “innfødte” apper og er å foretrekke fremfor hybridapper fordi de ofte har bedre ytelse.

I denne artikkelen lærer du om syv kamptestede JavaScript-rammer som er utstyrt for å lage mobile apper ved hjelp av en av de to metodene som er nevnt over.

React, utviklet og vedlikeholdt av Facebook, er et av de mest populære JavaScript-nettverkene som for øyeblikket er tilgjengelige. Hvis du ikke har prøvd det enda, sjekk ut disse fantastiske React tutorials 7 beste gratis opplæringsprogrammer for å lære å reagere og lage webapperGratis kurs er sjelden like omfattende og nyttige - men vi har funnet flere React-kurs som er utmerkede og vil sette deg i gang på høyre fot. Les mer å komme i gang. Det er litt av en læringskurve, men det er absolutt verdt det.

React Native er et beslektet rammeverk, også av Facebook, som lar deg lage mobile apper i JavaScript ved hjelp av React-prinsipper. App-brukergrensesnitt er designet med HTML-esque layout-tagger og CSS-lignende stilark, så hvis du er en webutvikler som vil prøve deg på mobilarenaen, er dette den beste måten å gjøre det på.

Som antydet av navnet, oppretter React Native innfødt mobilapper. Det er en av grunnene til at så mange moderne utviklere elsker React Native, fordi appene deres har en tendens til å utkonkurrere apper skrevet i andre JavaScript-rammer. Ulempen? Du må opprettholde separate grener for hver mobilplattform med plattformspesifikke justeringer. Det er ikke “skriv en gang, kjør overalt.”

Kantet er de mest populære JavaScript-nettramme tilgjengelig akkurat nå. Den ble opprettet av Google og ble lansert for første gang i 2009, og har samlet et enormt fellesskap av brukere med sin unike, men lettlære tilnærming til utvikling av en-sides web-app.

Hvis du holder deg til Angular proper, kan du lage hybrid-apper som tilbyr native-lignende hastigheter og opplevelser. Toveis datainbinding er en av dens mest bemerkelsesverdige funksjoner, og rammene er robuste nok for bruk på bedriftsnivå. Tross alt opprettholdes det av den anerkjente Google!

Mens du kan bruker Angular for native mobilapper, må du koble det til et annet rammeverk som NativeScript eller Ionic. Begge er dekket nedenfor.

NativeScript er et JavaScript-til-native-rammeverk for mobilapper med stor vekt på gjenbrukbarhet av kode. Men det mest interessante med det er at du kan bruke ett av tre språk for NativeScript-prosjekter: JavaScript, TypeScript eller Angular.

Hvis Angular er din rammeverk for valget, men det er for tregt for den aktuelle appen din, og du trenger å utvise mer ytelse, kan NativeScript være løsningen. Liker du ikke Angular? Det er greit. Bruk NativeScript Core-rammeverket for å skrive en gang og distribuere til både iOS og Android.

For å lage og designe grensesnittelementer, bruker du et spesielt HTML-aktig språk for å legge ut forskjellige komponenter og CSS for å tilpasse utseendet til komponentene.

PhoneGap er et rammeverk med åpen kildekode som gir mulighet for rask utvikling av hybridmobilapper ved hjelp av JavaScript (for applogikken) og HTML + CSS (for grensesnittet og designen). Den er basert på Cordova, som også er åpen kildekode, men mangler mange av PhoneGaps klokker og fløyter.

To ting gjør PhoneGap flott for mobilutvikling: for det første PhoneGap Developer-appen (som lar deg teste og forhåndsvisning bygger på mobile enheter), og for det andre PhoneGap Build-tjenesten (som pakker og distribuerer apper for du). Du trenger bare å skrive en gang, og PhoneGap kan levere apper til iOS, Android og Windows Phone.

Mens PhoneGap Build er gratis for åpen kildekode-prosjekter (kode må trekkes fra en offentlig GitHub-lager 8 av de beste gratis samarbeidsverktøyene for programmerereHvis du er en programmerer og ennå ikke deler eller samarbeider, er du bak kurven. Få fordelene av samarbeid med de riktige nettappene. Les mer ), får du bare en privat app med en størrelse på 50 MB. For $ 10 / mo kan du støte opp til 25 private apper opp til 100 MB i størrelse hver. Creative Cloud-abonnenter får 25 private apper opptil 1 GB i størrelse hver!

Det ioniske rammeverket anses av mange for å være det enkleste rammeverket å lære for JavaScript-mobilutvikling. Fordi det skaper hybride mobilapper, trenger du ikke å bekymre deg for plattformspesifikke justeringer (deg kan tilpasse hvis du vil). Skriv en gang, løp overalt.

Ionic kommer også med et verktøy som heter Creator, som lar deg lage og designe grensesnitt for mobilappen din ved å dra og slipp plasseringer. Dette er mye enklere enn å prøve å brette sammen en brukergrensesnitt i HTML eller et HTML-lignende markeringsspråk. Som sådan Ionic er flott for nybegynnere Bygg en mobilapp uten programmeringskunnskap med kodeløse apperDet er fullstendig mulig å bygge en grunnleggende mobilapp ved å bruke et antall dra-og-slipp-verktøy, så hva er fangsten? Les mer .

Når du har bygget fronten av appen din på Ionic, flyttes rammen til hver mobilplattform ved hjelp av Cordova. Det meste av denne prosessen håndteres bak kulissene, og det er veldig enkelt selv for førstegangsfødere, så ikke bekymre deg om det høres komplisert ut. Det er det ikke.

Meteors påstand om berømmelse er todelt: først, det er en full-stack løsning 10 datamaskinprogrammeringsjobber som er etterspurt akkurat nåSiden det kan være tøft å lande en programmeringsjobb i det nåværende landskapet, kan du vurdere å fokusere på en av følgende konsentrasjoner for å forbedre sjansene for suksess. Les mer (integrerer frontend, backend, database, clientside og serverside utvikling), og for det andre tilbyr det 2-veis bindende data i sanntid (hvis noe endres i backend, blir det umiddelbart oppdatert i grensesnitt).

Og selv om det mest brukes til nettapper, Meteor kan brukes til hybrid-mobilapper. I likhet med Ionic bruker den Cordova til å bygge ditt prosjekt og distribuere for iOS og Android. Dessverre er mobileksport bare i skrivende stund bare tilgjengelig på Mac og Linux (støttes ikke av Meteor for Windows).

Hvis du heller vil lage mobilspill, trenger du et rammeverk betydde for spillutvikling. Slike rammer gjør alt det harde arbeidet, slik at du kan gjøre komplekse oppgaver i en eller to kodelinjer (f.eks. Laste inn et bilde eller flytte verdenskameraet). Og Phaser er lett en av de beste i sin klasse.

Phaser er meningsfull - du må strukturere koden din på en viss måte - men meningene er basert på flere tiår med velprøvde spillutviklingspraksis. Læringskurven er relativt grunne, og du kan ha det første spillet i gang i løpet av timer.

Eksport til mobil er ikke en innebygd funksjon, så du må gjøre det gjennom et verktøy som Cordova. Imidlertid finnes mange Phaser-opplæringer, så det burde ikke være for vanskelig å finne ut når spillet ditt er klart til å distribuere.

Hva slags mobilapp lager du?

Jeg vil være tydelig: dette er IKKE bare gimmicks som finnes for nybegynnere som ikke gidder å lære “ekte” språk som Java og Swift. JavaScript-mobilrammer brukes oftere enn du tror av virkelige selskaper for ekte apper med ekte kunder.

Og det er et bevis på hvor gode disse rammene er. Se gjennom en liste over populære Android-apper eller populære iOS-apper og du vil sannsynligvis ikke kunne fortelle hvilke som er opprinnelig skrevet eller skrevet i JavaScript.

Et siste tips: Når mobilen din er ferdig, kan du sjekke ut disse tipsene for å hjelpe den med å bli viral Hvordan mobilapper blir virale: 7 potente tips du kan bruke i dagÅ lage appen er den enkle delen, etterbehandling av appen er litt vanskeligere, men å få folk til å bruke appen din er der mange bedrifter mislykkes. Her er syv gode tips. Les mer . Når alt kommer til alt, hva er det med å lage en app hvis ingen ender opp med å bruke den? Lykke til!

Hvilke rammer appellerer mest til deg? Savnet jeg noen gode? Hva slags app håper du å lage? Del dine tanker og bestrebelser med oss ​​nedenfor!