JavaScript-mobiilisovellukset: Kyllä, sille on olemassa kehys

Mainos

Jos haluat alkaa luoda mobiilisovelluksia, pääkieliä on kolme Parhaat kielet mobiilisovellusten kehittämiselle vuonna 2016Mobiilisovellusten kehitysmaailma on edelleen menossa niin vahva kuin koskaan. Jos haluat aloittaa, ei ole vielä liian myöhäistä! Tässä on kielet, jotka sinun pitäisi ajatella oppimisesta. Lue lisää Voit valita seuraavista vaihtoehdoista: Java Android-sovelluksille, Swift iOS-sovelluksille tai JavaScript käyttöympäristöjen välisille sovelluksille.

Mutta odota, ei JavaScriptiä ole verkko kehitystä? Kyllä, se alkoi tällä tavalla, mutta on kehittynyt melko vähän viimeisen vuosikymmenen aikana. Voit nyt luoda verkkosovelluksen JavaScript-muodossa ja yhdistää sen selaimen moottoriin, joka toimii kuin mobiilisovellus. Näitä kutsutaan "hybridi" sovelluksiksi.

Viime aikoina jotkut JavaScript-kehykset voivat ottaa JavaScript-koodin, kääntää mobiiliympäristön luontaiselle kielelle ja toimia totta mobiilisovellus. Niitä kutsutaan ”natiiviksi” sovelluksiksi, ja ne ovat parempia kuin hybridi-sovellukset, koska niiden suorituskyky on usein parempi.

Tässä artikkelissa opit seitsemästä taistelu-testatusta JavaScript-kehyksestä, jotka on varustettu mobiilisovellusten luomiseen yhdellä edellä mainituista menetelmistä.

Facebookin kehittämä ja ylläpitämä React on yksi tällä hetkellä saatavilla olevista JavaScript-verkkokehyksistä. Jos et ole vielä kokeillut sitä, tarkista nämä mahtavat React-oppaat 7 parasta ilmaista opetusohjelmaa reagoinnin oppimiseen ja Web-sovellusten luomiseenIlmaiset kurssit ovat harvoin yhtä kattavia ja hyödyllisiä - mutta olemme löytäneet useita React-kursseja, jotka ovat erinomaisia ​​ja auttavat sinua aloittamaan oikealla jalalla. Lue lisää aloittaaksesi. Siellä on vähän oppimiskäyrää, mutta se on ehdottomasti sen arvoista.

React Native on liittyvä kehys, myös Facebook, jonka avulla voit luoda mobiilisovelluksia JavaScriptillä React-periaatteiden avulla. Sovelluksen käyttöliittymät on suunniteltu HTML-esque-asettelutunnisteilla ja CSS: n kaltaisilla tyylitaulukoilla, joten jos olet web-kehittäjä, joka haluaa kokeilla kättä mobiilihallilla, tämä on paras tapa tehdä se.

Kuten nimestä voidaan päätellä, React Native luo syntyperäinen mobiilisovellukset. Se on yksi syy, miksi niin monet nykyajan kehittäjät rakastavat React Native -tapahtumaa, koska sen sovellukset ovat yleensä parempia kuin muissa JavaScript-kehyksissä kirjoitetut sovellukset. Huono puoli? Jokaiselle mobiiliympäristölle on ylläpidettävä erillisiä sivuliikkeitä, joissa on käyttökohteen mukautukset. Ei ole ”kirjoita kerran, juokse kaikkialle”.

Kulma on suosituin JavaScript-verkkokehys saatavana juuri nyt. Googlen luoma ja ensimmäisen kerran vuonna 2009 julkaistu yritys on kerännyt valtavan joukon käyttäjiä ainutlaatuisella mutta helposti opittavaa lähestymistapillaan yhden sivun verkkosovellusten kehittämiseen.

Jos pysyt oikeassa kulmassa, voit tehdä hybridi-sovelluksia, jotka tarjoavat natiivimaisia ​​nopeuksia ja kokemuksia. Kaksisuuntainen tiedonsiirto on yksi sen merkittävimmistä ominaisuuksista, ja kehys on riittävän vankka yritystason käyttöön. Loppujen lopuksi sitä ylläpitää arvostettu Google!

Kun sinä voida Käytä kulmaa natiiviin mobiilisovelluksiin, sinun on liitettävä se toiseen kehykseen, kuten NativeScript tai Ionic. Molemmat ovat alla.

NativeScript on JavaScriptiä alkuperäisiksi puitteiksi mobiilisovelluksille, joissa korostetaan suurta koodin uudelleenkäytettävyyttä. Mutta ehkä mielenkiintoisin asia on se, että voit käyttää yhtä kolmesta kielestä NativeScript-projekteissa: JavaScript, TypeScript tai Angular.

Jos kulma on valitsemasi kehys, mutta se on liian hidas sovelluksellesi ja sinun on vääritettävä enemmän suorituskykyä, NativeScript voi olla ratkaisu. Etkö pidä kulmikkaasta? Se on hieno. NativeScript Core -kehyksen avulla voit kirjoittaa kerran ja ottaa käyttöön sekä iOS: ssä että Androidissa.

Voit luoda ja suunnitella käyttöliittymäelementtejä käyttämällä erityistä HTML-tyyppistä kieltä eri komponenttien asettamiseen ja CSS-komponentteja komponenttien ulkoasun ja ulkoasun mukauttamiseen.

PhoneGap on avoimen lähdekoodin kehys, joka mahdollistaa hybridi-mobiilisovellusten nopean kehittämisen käyttämällä JavaScriptiä (sovelluslogiikka) ja HTML + CSS (käyttöliittymä ja suunnittelu). Se perustuu Cordovaan, joka on myös avoimen lähdekoodin muotoinen, mutta josta puuttuu monia PhoneGapin kelloista ja pillistä.

Kaksi asiaa tekevät PhoneGapista loistavan mobiilikehityksen kannalta: ensinnäkin PhoneGap Developer -sovellus (jonka avulla voit testata ja esikatselu perustuu mobiililaitteisiin) ja toiseksi PhoneGap Build -palvelu (joka paketoi ja ottaa käyttöön sovelluksia sinä). Sinun on kirjoitettava vain kerran, ja PhoneGap voi toimittaa sovelluksia iOS-, Android- ja Windows Phone -sovelluksiin.

Vaikka PhoneGap Build on ilmainen avoimen lähdekoodin hankkeille (koodi on vedettävä kohdasta a julkinen GitHub-arkisto 8 parasta ilmaista yhteistyökalua ohjelmoijilleJos olet ohjelmoija, etkä vielä jaa tai tee yhteistyötä, olet käyrän takana. Hyödy yhteistyöstä oikeiden verkkosovellusten kanssa. Lue lisää ), saat vain yhden yksityisen sovelluksen, jonka koonrajoitus on 50 Mt. 10 dollaria kuukaudessa, voit räpätä jopa 25 yksityistä sovellusta, joiden koko on enintään 100 Mt. Creative Cloud -tilaajat saavat 25 yksityistä sovellusta, joiden koko on enintään 1 Gt!

Ionic-kehys on monien mielestä helpoin kehys JavaScriptin mobiilikehityksen oppimiseksi. Koska se luo hybridi mobiilisovelluksia, sinun ei tarvitse huolehtia käyttöjärjestelmäkohtaisista tweaksista (sinä voida muokata, jos haluat). Kirjoita kerran, juokse kaikkialla.

Ionicin mukana tulee myös työkalu nimeltään Luoja, jonka avulla voit luoda ja suunnitella käyttöliittymiä mobiilisovelluksellesi vedä ja pudota -sijoitteluilla. Tämä on paljon helpompaa kuin yrittää koota käyttöliittymä HTML-muodossa tai HTML-tyyppisellä merkintäkielellä. Sellaisenaan, Ionic on hieno aloittelijoille Luo mobiilisovellus ilman ohjelmointitietoja Codeless-sovelluksillaOn täysin mahdollista rakentaa perus mobiilisovellus käyttämällä useita vedä ja pudota -työkaluja, joten mikä on saalis? Lue lisää .

Kun olet luonut sovelluksesi käyttöliittymän Ionicissa, kehys siirtyy jokaiselle mobiiliympäristölle Cordovaa käyttämällä. Suurin osa tästä prosessista hoidetaan kulissien takana ja se on erittäin helppoa jopa ensikertalaisille, joten älä huoli, jos se kuulostaa monimutkaiselta. Se ei ole.

Meteorin väite kuuluisuudesta on kaksinkertainen: ensin, se on täyden pino ratkaisu 10 tietokoneohjelmointityötä, jotka ovat tällä hetkellä kysynnässäKoska ohjelmointityön purkaminen voi olla vaikeaa nykyisessä maastossa, harkitse keskittymistä yhteen seuraavista keskittymistä parantaaksesi menestysmahdollisuuksiasi. Lue lisää (integroi käyttöliittymän, taustan, tietokannan, asiakaspuolen ja palvelinpuolen kehityksen), ja toiseksi se tarjoaa reaaliaikainen kaksisuuntainen tietojen sitominen (jos jokin muuttuu taustassa, se päivitetään heti käyttöliittymää).

Ja vaikka sitä käytetään enimmäkseen verkkosovelluksiin, Meteor voida voidaan käyttää hybridi mobiilisovelluksissa. Kuten Ionic, se käyttää Cordovaa rakentamaan projektisi ja ottamaan käyttöön iOS: lle ja Androidille. Valitettavasti tämän kirjoituksen jälkeen mobiililaitteiden vienti on saatavana vain Macissa ja Linuxissa (Meteor ei tue Windowsia).

Jos haluat mieluummin luoda mobiilipelejä, tarvitset kehyksen tarkoitti pelien kehittämiseen. Tällaiset kehykset tekevät kaiken kovan työn, joten voit tehdä monimutkaisia ​​tehtäviä yhdellä tai kahdella koodirivillä (esim. Ladata kuvan tai siirtää maailmankameraa). Ja Phaser on helposti yksi luokkansa parhaista.

Phaser on vakuuttunut - sinun on rakennettava koodisi tietyllä tavalla -, mutta sen mielipiteet perustuvat vuosikymmenien ajan kokeiltuihin pelinkehityskäytäntöihin. Oppimiskäyrä on suhteellisen matala ja sinulla voi olla ensimmäinen peli käynnissä ja käynnissä muutamassa tunnissa.

Vienti matkapuhelimeen ei ole sisäänrakennettua ominaisuutta, joten sinun on tehtävä se Cordovan kaltaisen työkalun kautta. Phaser-oppaita on kuitenkin olemassa runsaasti, joten sen ei pitäisi olla liian vaikeaa selvittää, kun peli on valmis ottamaan käyttöön.

Millaista mobiilisovellusta olet tekemässä?

Haluan olla selkeä: nämä eivät ole vain temppuja, joita esiintyy aloittelijoille, jotka eivät voi vaivautua oppimaan "oikeita" kieliä, kuten Java ja Swift. JavaScriptin matkapuhelinkehyksiä käytetään useammin kuin tottayritykset luulevat oikeiden sovellusten kanssa todellisten asiakkaiden kanssa.

Ja se todistaa kuinka hyvät nämä puitteet ovat. Katso luettelo suositut Android-sovellukset tai suositut iOS-sovellukset etkä todennäköisesti osaa kertoa, mitkä niistä on kirjoitettu natiivi tai JavaScript.

Viimeinen vinkki: kun mobiilisovelluksesi on valmis, tarkista nämä vinkit viruksen leviämiseen Kuinka mobiilisovellukset menevät virukselliseksi: 7 tehokasta vinkkiä, joita voit käyttää tänäänSovelluksen luominen on helppoa, sovelluksen viimeistely on hieman vaikeampaa, mutta monet yritykset epäonnistuvat siinä, että ihmiset saavat käyttämään sovellustasi. Tässä on seitsemän hienoa vinkkiä. Lue lisää . Loppujen lopuksi, mitä hyötyä on sovelluksen tekemisestä, jos kukaan ei päädy käyttämään sitä? Onnea!

Mitkä puitteet vetoavat sinulle parhaiten? Kaipasin mitään hyvää? Millaista sovellusta toivot tekeväsi? Jaa ajatuksesi ja pyrkimyksesi kanssamme alla!