I denne artikel skal vi kigge p\u00e5 NativeScript, et open source framework til opbygning af mobilapps med JavaScript.<\/p>\n
Mit navn er Simon Elkj\u00e6r og jeg driver bureauet Nutimo Consult, hvor vi blandt andet laver app udvikling.<\/p>\n
I slutningen af \u200b\u200bartiklen har du en god ide om, hvad NativeScript er, og hvilke teknologier det bruger. Udover dette, vil vi ogs\u00e5 kort komme ind p\u00e5 hvordan NativeScript adskiller sig fra alternativer som Cordova og React Native<\/p>\n
NativeScript er en framework for opbygning af mobile apps p\u00e5 tv\u00e6rs af platforme. Det giver udviklere mulighed for at bruge XML, CSS og JavaScript til at kode deres apps til Android, iOS<\/p>\n
I mods\u00e6tning til Cordova, der bruger WebView til at gengive brugergr\u00e6nsefladen i appen, bruger NativeScript den indbyggede platforms renderingsmotor, hvilket betyder, at den giver en \u00e6gte brugeroplevelse.<\/p>\n
Det betyder ogs\u00e5 at det er nemmere at komme gennem app store godkendelse!<\/p>\n
Med NativeScript bruger du XML til at kode din (HTML) til appen, CSS for styling og JavaScript for at tilf\u00f8je funktionalitet.<\/p>\n
Til styling bruger NativeScript kun en smule af CSS. Det betyder, at ikke alle CSS-funktioner, kan bruges. Du kan f.eks. Ikke bruge floats eller position attributter.<\/p>\n
For mig er det en stor udfordring, da jeg er CSS-ninja og glemmer det hele tiden, s\u00e5 det giver meget testing.<\/p>\n
Hvis du foretr\u00e6kker at bruge Sass, kan du installere NativeScript Dev Sass plugin.<\/p>\n
Du kan bruge TypeScript, Angular 2 eller VueJS, hvis du foretr\u00e6kker at bruge et framework til at skrive din JavaScript-kode. Indtil videre har jeg selv kun brugt r\u00e5 javascript.<\/p>\n
Hver side i appen kan med fordel v\u00e6re i sin egen XML-fil. NativeScript leveres med foruddefinerede UI-widgets, som du kan bruge til at opbygge appen. Nogle af disse komponenter ligner de forskellige HTML-elementer, du bruger i browseren.<\/p>\n
Det er gratis og open source. Det betyder, at du bruge den, s\u00e5 l\u00e6nge du ikke overtr\u00e6der Apache 2.0-licensen. Som vi ikke vil komme ind p\u00e5 her.<\/p>\n
Det er alts\u00e5 nemt at l\u00e6re. P\u00e5 \u00e9n weekend l\u00e6rte jeg at kode og udgive min f\u00f8rste app.<\/p>\n
Det giver dig mulighed for at programmere \u00e6gte native-apps til Android og iOS-enheder. Hver af de UI-komponenter, som NativeScript uds\u00e6tter, overs\u00e6ttes til dens tilsvarende native UI-komponenter.<\/p>\n
Det giver dig adgang til indbyggede platform API’er via JavaScript-kode. Du beh\u00f8ver ikke at have kendskab til Java eller Objective-C for at kunne bruge indbyggede platform API’er, fordi du kan skrive det hele i JavaScript.<\/p>\n
Det giver brugerne en oplevelse t\u00e6ttere p\u00e5 native apps end dem, der leveres af hybrid mobile app-frameworks som Cordova.<\/p>\n
Det giver udviklere mulighed for nemt at programmere, implementere og administrere deres NativeScript-apps<\/p>\n
Der\u00a0 er support til nye native platforme. Dette betyder, at du med det samme kan bruge de nyeste indbyggede API’er og UI-komponenter, n\u00e5r Google eller Apple opdaterer deres platform.<\/p>\n
Dokumentationen giver masser af information om, hvordan man kommer i gang, kernekoncepter og brugergr\u00e6nsefladen.<\/p>\n
Der er ogs\u00e5 Stack Overflow-sp\u00f8rgsm\u00e5l og test-apps, der kan hj\u00e6lpe begyndere med at komme i gang med NativeScript.<\/p>\n
Du kan skrive dine NativeScript-apps med b\u00e5de TypeScript, JavaScript, VueJS og Angular.<\/p>\n
Enhver JavaScript-bibliotek, som du kan finde p\u00e5 npm, der ikke er afh\u00e6ngig af browseren, og DOM’en kan bruges i NativeScript.<\/p>\n
Du kan g\u00f8re n\u00e6sten alt med NativeScript’s CLI. F.eks oprettelse af et nyt projekt, tilf\u00f8jelse af en platform, builde, installere plugins, og uploade til app store.<\/p>\n
Der er ingen HTML og DOM i NativeScript. Du skal l\u00e6re at bruge de forskellige UI-komponenter for at opbygge din frontend i appen. Men det er ligesom XML<\/p>\n
Der mangler flere “godkendte” plugins. Selvom der er mange NativeScript-plugins p\u00e5 npm, kan du aldrig helt sikkert v\u00e6re sikker p\u00e5 deres kvalitet.<\/p>\n
Udviklere skal kende de indf\u00f8dte Android- og iOS-API’er for at f\u00e5 adgang til enhedens hardware og andre platform specifikke funktioner.<\/p>\n
P\u00e5 grund af sin native-design natur kan du kun teste apps p\u00e5 en faktisk enhed eller en emulator. Dette g\u00f8r den oprindelige ops\u00e6tning til at teste langsommere. Men n\u00e5r du f\u00e5r det til at k\u00f8re p\u00e5 enheden, tager hot-reloading over. Dette betyder, at hver gang du \u00e6ndrer kildekoden, genindl\u00e6ser den appen for at afspejle \u00e6ndringerne. (DET ER FEDT)<\/p>\n
Ikke alle brugerdefinerede komponenter er tilg\u00e6ngelige gratis. Du skal k\u00f8be mere UI til NativeScript, hvis du vil bruge komponenter som diagrammer og kalendere.<\/p>\n
P\u00e5 grund af det native i NativeScript kan du bygge n\u00e6sten enhver form for app med det. Her er et par eksempler p\u00e5 apps, som jeg selv har v\u00e6ret involveret i.<\/p>\n
WOD Now! Et meget lille community based workout app til Crossfit og fitness. Det var den app jeg udviklede som min f\u00f8rste, og har i dag n\u00e6sten 1.000 aktive brugere, helt uden annoncering.<\/p>\n
Ordrer tracking app. En id\u00e9 der er opst\u00e5et som et samarbejde mellem billig fitness og andre webshops. Hvor du kan spore din pakke, p\u00e5 tv\u00e6rs af webshops uden at skulle tjekke email og en af PostNord, GLS eller Dao’s hjemmesider.<\/p>\n
Service Now App, fra Syspeople der kan bruges som salgs-app for s\u00e6lgerne i Syspeople. En app-sp\u00f8rgeskema, hvor en virksomhed kan teste om de kan spare penge ved at investere i service now til deres organisation.<\/p>\n
Udover dette kan du ogs\u00e5 lave Spil. Ja, faktisk n\u00e6rmest alt.<\/p>\n
Hvis du vil l\u00e6re mere om NativeScript, anbefaler jeg, at du starter her: https:\/\/docs.nativescript.org\/tutorial\/chapter-0<\/a><\/p>\n Indhold<\/p>\n<\/span><\/div>\n