JavaScript Mobile Apps: Ja, der er en ramme for det

Reklame

Hvis du vil begynde at oprette mobile apps, der er tre hovedsprog De bedste sprog til mobilappudvikling i 2016Verden for mobilappudvikling går stadig så stærk som nogensinde. Hvis du vil komme i gang, er det ikke for sent! Her er de sprog, du skal tænke på at lære. Læs mere at vælge mellem: Java til Android-apps, Swift til iOS-apps eller JavaScript til tværplatforms-apps.

Men vent, er ikke JavaScript til web udvikling? Ja, det startede på den måde, men har udviklet sig en hel del i det sidste årti. Du kan nu oprette en webapp i JavaScript og bundte den med en browsermotor, der fungerer som en mobilapp. Disse kaldes “hybrid” apps.

For nylig kan nogle JavaScript-rammer tage JavaScript-kode, kompilere til en mobil platforms iboende sprog og køre som en rigtigt mobilapp. Disse kaldes “native” apps og foretrækkes frem for hybridapps, fordi de ofte har bedre ydelse.

I denne artikel lærer du om syv kamptestede JavaScript-rammer, der er udstyret til at oprette mobile apps ved hjælp af en af ​​de to metoder, der er nævnt ovenfor.

React, udviklet og vedligeholdt af Facebook, er en af ​​de mest populære JavaScript-webrammer, der i øjeblikket er tilgængelige. Hvis du ikke har prøvet endnu, kan du tjekke ud disse fantastiske React-tutorials 7 bedste gratis tutorials til læring af reaktion og oprettelse af webappsGratis kurser er sjældent så omfattende og hjælpsomme - men vi har fundet flere React-kurser, der er fremragende og vil komme i gang på højre fod. Læs mere at komme i gang. Der er lidt af en læringskurve, men det er absolut værd.

React Native er en relateret ramme, også af Facebook, der giver dig mulighed for at oprette mobile apps i JavaScript ved hjælp af React-principper. App-UI'er er designet med HTML-esque layout tags og CSS-lignende stilark, så hvis du er en webudvikler, der vil prøve en hånd i den mobile arena, er dette den bedste måde at gøre det på.

Som antydet af navnet opretter React Native hjemmehørende mobile apps. Det er en af ​​grundene til, at så mange moderne udviklere elsker React Native, fordi dens apps har en tendens til at overgå apps, der er skrevet i andre JavaScript-rammer. Ulempen? Du bliver nødt til at vedligeholde separate grene for hver mobilplatform med platformspecifikke justeringer. Det er ikke "skriv en gang, kør overalt."

Vinkelformet er det mest populære JavaScript-webramme tilgængelig lige nu. Oprettet af Google og først lanceret i 2009 og har samlet et enormt fællesskab af brugere med sin unikke, men let at lære indfaldsvinkel til websidens udvikling på én side.

Hvis du holder dig til Angular korrekt, kan du oprette hybrid-apps, der tilbyder native-lignende hastigheder og oplevelser. Tovejsbindingen er en af ​​dens mest bemærkelsesværdige funktioner, og rammen er robust nok til anvendelse på virksomhedsniveau. Når alt kommer til alt opretholdes det af den anerkendte Google!

Mens du kan bruge Angular til indbyggede mobile apps, skal du parre det med en anden ramme som NativeScript eller Ionic. Begge er dækket nedenfor.

NativeScript er en JavaScript-til-native ramme til mobile apps med stor vægt på kodegenanvendelighed. Men måske er det mest interessante ved det, at du kan bruge et af tre sprog til NativeScript-projekter: JavaScript, TypeScript eller Angular.

Hvis Angular er din valgfri ramme, men det er for langsomt til din bestemte app, og du er nødt til at udrænge mere ydelse, kan NativeScript muligvis være løsningen. Kan du ikke lide kantet? Det er fint. Brug NativeScript Core-rammerne til at skrive en gang og distribuere til både iOS og Android.

Hvis du vil oprette og designe interfaceelementer, bruger du et specielt HTML-lignende sprog til layout af forskellige komponenter og CSS til tilpasning af komponenternes udseende og udseende.

PhoneGap er en open source-ramme, der giver mulighed for hurtig udvikling af hybridmobil-apps ved hjælp af JavaScript (til applogikken) og HTML + CSS (til interface og design). Det er baseret på Cordova, som også er open source, men mangler mange af PhoneGaps klokker og fløjter.

To ting gør PhoneGap fantastisk til mobiludvikling: for det første PhoneGap Developer-appen (som giver dig mulighed for at teste og preview bygger på mobile enheder) og for det andet PhoneGap Build-tjenesten (som pakker og udsender apps til du). Du behøver kun at skrive én gang, og PhoneGap kan levere apps til iOS, Android og Windows Phone.

Mens PhoneGap Build er gratis til open source-projekter (kode skal trækkes fra en offentligt GitHub-lager 8 af de bedste gratis samarbejdsværktøjer til programmerereHvis du er en programmør, og du endnu ikke deler eller samarbejder, er du bag kurven. Få fordel af samarbejde med de rigtige webapps. Læs mere ), får du kun 1 privat app med en størrelsesgrænse på 50 MB. For $ 10 / mo kan du bulke op til 25 private apps op til 100 MB i størrelse hver. Creative Cloud-abonnenter får 25 private apps op til 1 GB i størrelse hver!

Den ioniske ramme betragtes af mange for at være den nemmeste ramme at lære for JavaScript-mobiludvikling. Fordi det skaber hybride mobilapps, behøver du ikke at bekymre dig om platformspecifikke justeringer (du kan tilpas, hvis du vil). Skriv en gang, løb overalt.

Ionic leveres også med et værktøj kaldet Creator, som giver dig mulighed for at oprette og designe grænseflader til din mobilapp ved hjælp af træk-og-slip-placeringer. Dette er meget lettere end at prøve at dele et UI i HTML eller et HTML-lignende markup-sprog. Som sådan, Ionic er fantastisk til nybegynder Lav en mobilapp uden programmeringsviden med kodeløse appsDet er totalt muligt at opbygge en grundlæggende mobilapp ved hjælp af et antal træk-og-slip-værktøjer, så hvad er fangsten? Læs mere .

Når du har bygget frontend for din app i Ionic, udsættes rammen til hver mobil platform ved hjælp af Cordova. Det meste af denne proces håndteres bag kulisserne, og det er meget let, selv for førstegangsholdere, så du skal ikke bekymre dig, hvis det lyder kompliceret. Det er det ikke.

Meteors påstand om berømmelse er to gange: først, det er en full-stack løsning 10 Computerprogrammeringsjob der er i efterspørgsel lige nuDa landing af et programmeringsopgave kan være hårdt i det aktuelle landskab, kan du overveje at fokusere på en af ​​følgende koncentrationer for at forbedre dine chancer for succes. Læs mere (integrerer frontend, backend, database, clientside og serverside-udvikling) og for det andet tilbyder det realtidsbinding i to veje (hvis noget ændrer sig i backend, opdateres det straks i frontend).

Og selvom det mest bruges til webapps, Meteor kan bruges til hybrid mobile apps. Ligesom Ionic bruger den Cordova til at opbygge dit projekt og implementere til iOS og Android. Desværre er mobileksport fra denne skrivelse kun tilgængelig på Mac og Linux (understøttes ikke af Meteor til Windows).

Hvis du hellere vil oprette mobilspil, har du brug for en ramme betød til spiludvikling. Sådanne rammer gør alt det hårde arbejde, så du kan udføre komplekse opgaver i en eller to kodelinjer (f.eks. Indlæse et billede eller flytte verdenskameraet). Og Phaser er let en af ​​de bedste i sin klasse.

Phaser er meningsfuld - du er nødt til at strukturere din kode på en bestemt måde - men dens meninger er baseret på årtier med gennemprøvede spiludviklingspraksis. Læringskurven er relativt lav, og du kan have dit første spil i gang inden for få timer.

Eksport til mobil er ikke en indbygget funktion, så du bliver nødt til at gøre det gennem et værktøj som Cordova. Der findes dog masser af Phaser-tutorials, så det burde ikke være for svært at finde ud af det, når dit spil er klar til at implementere.

Hvilken slags mobilapp laver du?

Jeg vil gerne være klar: dette er IKKE blot gimmicks, der findes for nybegynder, der ikke kan gider at lære "rigtige" sprog som Java og Swift. JavaScript-mobilrammer bruges oftere, end du tror af virkelige virksomheder til rigtige apps med rigtige kunder.

Og det er vidnesbyrd om, hvor gode disse rammer er. Se gennem en liste over populære Android-apps eller populære iOS-apps og du vil sandsynligvis ikke være i stand til at fortælle, hvilke der er skrevet oprindeligt eller skrevet i JavaScript.

Et sidste tip: Når din mobilapp er færdig, skal du tjekke ud disse tip til at hjælpe det med at blive viralt Sådan bruges mobile apps viralt: 7 potente tip, du kan bruge i dagAt gøre appen er den lette del, det er en smule sværere at afslutte appen, men at få folk til at bruge din app er hvor mange virksomheder mislykkes. Her er syv gode tip. Læs mere . Når alt kommer til alt, hvad er det ved at lave en app, hvis ingen ender med at bruge den? Held og lykke!

Hvilke rammer appellerer mest til dig? Gik jeg glip af nogle gode? Hvilken slags app håber du på at lave? Del dine tanker og bestræbelser med os nedenunder!