Mobiilne

Apache Cordova õpetus: mobiilirakenduste arendamine Cordova abil

Märge: Kuna see oli algselt kirjutatud, värskendasin seda artiklit töötamiseks [meiliga kaitstud] 0,0, [meiliga kaitstud] ja [meiliga kaitstud]

Mobiilirakendused hiilivad kõikjale, alustades nutitelefonidest ja tahvelarvutitest, nutikelladeni ja peagi ka teistest kantavatest. Iga eraldi mobiiliplatvormi jaoks väljatöötamine võib olla ammendav ülesanne, eriti kui teie ressursid on piiratud või kui olete üks arendaja, mitte üks arendaja mobiilirakenduste arendamise ettevõte .

Siin saab a hästi kursis Apache Cordova arendaja võib olla kasulik, pakkudes viisi mobiilsete rakenduste arendamiseks standardsete veebitehnoloogiate - HTML5, CSS3 ja JavaScripti abil.

milline järgmistest ei ole andmebaasi koondamise vältimise eeliseks?

2009. aastal lõi idufirma Nitobi nimega PhoneGap, avatud lähtekoodiga API, et pääseda juurde kohalikele mobiiliressurssidele, eesmärgiga võimaldada arendajatel luua mobiilsiderakendusi standardsete veebitehnoloogiate abil. Nitobi nägemuses töötatakse enamus mobiilirakendusi peagi välja PhoneGapi abil, kuid arendajatel on siiski võimalus vajadusel kirjutada emakeel, olgu siis põhjuseks jõudlusprobleemid või konkreetse riistvarale juurdepääsu meetodi puudumine.

Cordova PhoneGap?

Tegelikult pole midagi sellist. Juhtus see, et Adobe omandas 2011. aastal Nitobi ja annetas avatud lähtekoodiga tuuma Apache Software Foundationile, kes muutis selle Apache Cordova kaubamärgiks. Levinud analoogia, millega sageli kokku puutute, on see, et Cordova on PhoneGapiga seotud, mis WebKit on Chrome või Safari.

Ilmselgelt olid erinevused Cordova ja PhoneGapi vahel alguses minimaalsed. Ajaga, Adobe PhoneGap arendas välja oma varaliste funktsioonide komplekti, samal ajal kui Cordovat toetas ja toetab siiani avatud lähtekoodiga kogukond. Selles Apache Cordova ülevaates ja õpetuses uuritakse Cordova rakenduse arendamist üksikasjalikumalt ja kuigi mõned neist võivad kehtida PhoneGapi kohta, ei tohiks seda pidada PhoneGapi õpetuseks, iseenesest .

Apache Cordova võimed

Põhimõtteliselt ei ole Cordoval piiranguid looduslikult välja töötatud rakenduste suhtes. See, mida saate Cordovaga, on lihtsalt JavaScripti API, mis toimib natiivkoodi ümbrisena ja on ühtlane kõigi seadmete vahel. Võite pidada Cordovat veebirakendusega rakenduste konteineriks, mis katab kogu seadme ekraani. Cordova kasutatav veebivaade on sama veebivaade, mida kasutab kohalik operatsioonisüsteem. IOS-is on see vaikimisi Objective-C UIWebView või kohandatud WKWebView klass; Androidis on see android.webkit.WebView.

Apache Cordova on varustatud eelnevalt välja töötatud pistikprogrammidega, mis võimaldavad juurdepääsu seadme kaamerale, GPS-ile, failisüsteemile jne. Mobiilseadmete arenedes on täiendava riistvara toe lisamine lihtsalt uute pistikprogrammide väljatöötamine.

Lõpuks installitakse Cordova rakendused nagu kohalikud rakendused . See tähendab, et iOS-i jaoks koodi loomisel luuakse IPA-fail, Android-i jaoks APK-fail ja Windows Phone'i jaoks XAP-fail. Kui panustate arendusprotsessi piisavalt, ei pruugi teie kasutajad isegi aru saada, et nad ei kasuta kohalikku rakendust.

Apache Cordova võimed

Apache Cordova arenduse töövood

Cordovaga koos töötades saate jälgida kahte põhiteed:

Kui kavatsete rakenduse juurutada võimalikult paljudele platvormidele, kusjuures platvormispetsiifiline arendus on väike või puudub, peaksite kasutama platvormidevahelist töövoogu. Peamine seda töövoogu toetav tööriist on Cordova käsurealiides (CLI), mis on kõrgema taseme abstraktsioon teie rakenduse konfigureerimiseks ja ehitamiseks erinevate platvormide jaoks. See on sagedamini kasutatav arengutee.
Kui kavatsete oma rakendust arendada konkreetset platvormi silmas pidades, peaksite kasutama platvormikeskset töövoogu. Nii saate oma koodi madalamal tasemel kohandada ja segada kohalikke komponente Cordova komponentidega. Isegi kui saaksite seda lähenemist kasutada platvormiüleses arenduses, on see protsess pikem ja tüütum.

Tavaliselt soovitatakse alustada platvormidevahelise arenduse töövoogudega, kuna platvormekesksele arendusele üleminek on üsna lihtne. Kui aga alustate algselt platvormikeskse töövoogu, ei saa te platvormidevahelisele arendusele üle minna, kuna CLI kirjutab teie koostamisprotsessi käivitamisel teie kohandused üle.

Eeldused ja Cordova paigaldamine

Enne Cordovaga seotud asjade installimist ja käitamist peate installima SDK iga platvormi jaoks, millele kavatsete oma rakenduse luua. Selles artiklis keskendume Androidi platvormile; teiste platvormidega seotud protsess on aga sarnane.

Peaksite alla laadima leitud Androidi SDK siin . Windowsi jaoks on SDK installiprogramm, Linuxi ja OSX-i puhul aga arhiiv, mille saab lihtsalt välja tõmmata. Pärast paketi väljavõtmist / installimist peate lisama sdk/tools ja sdk/platform-tools kataloogid teie PATH muutuv. PATH muutujat kasutab Cordova ehitusprotsessi jaoks vajalike kahendfailide otsimiseks. Kui teil pole Java-d installitud, peaksite JDK koos Antiga installima. ANT_HOME ja JAVA_HOME peaks olema seatud JDK ja Ant prügikastikaustadesse ning pärast Android SDK installimist määrake ANDROID_HOME muutuja väärtuseks Android/Sdk. Kõik asukohad kolmes *_HOME muutujad peaksid olema ka teie PATH muutuv.

Pärast SDK installimist android käsk on teie käsureal saadaval. Käivitage see SDK-halduri avamiseks ja installige uusimad tööriistad ja Android API. Teil oleks tõenäoliselt vaja Androidi SDK tööriistad, Androidi SDK platvormi tööriistad, Androidi SDK ehitustööriistad, SDK platvorm, Google'i API-d Inteli x86 Atomi süsteemipilt, Android SDK allikad ja Inteli x86 emulaatori kiirendi (HAXM-i installer) . Pärast seda saate luua emulaatori android avd -ga.

Cordova CLI sõltub Node.js-ist ja Giti kliendist, nii et jätkake ja laadige Node alla nodejs.org ja Git pärit git-scm.com . Kasutate npm-i nii Cordova CLI installimiseks kui ka täiendavate pistikprogrammide installimiseks ning Cordova kasutab vajalike sõltuvuste allalaadimiseks kulisside taga gitit. Lõpuks jookse

npm install -g cordova

… Cordova CLI globaalseks installimiseks (npm install cordova iseenesest ei piisa.)

Kokkuvõtteks on need paketid, mida vajate:

Java
Ant
Androidi SDK
SõlmJS
Mine

Ja neid keskkonnamuutujaid tuleb värskendada:

PATH
JAVA_HOME
ANT_HOME
ANDROID_HOME

Rakenduse alglaadimine

Kui olete Cordova edukalt installinud, peaks teil nüüd olema juurdepääs Cordova käsurea utiliidile. Avage terminal või käsurida ja navigeerige kataloogi, kuhu soovite oma esimese Cordova projekti luua. Rakenduse alglaadimiseks sisestage järgmine käsk:

cordova create toptal toptal.hello HelloApeeScape

Käsurida koosneb käsu nimest cordova, millele järgneb alamkäsu create. Alamkäsule kutsutakse kolm täiendavat parameetrit: kaust, kuhu rakendus paigutatakse, rakenduse nimeruum ja selle kuvatav nimi. See alglaadimine rihmab rakenduse järgmise struktuuriga kausta:

toptal/ |-- hooks/ |-- platforms/ |-- plugins/ |-- www/ `-- config.xml

www kaust sisaldab teie rakenduse tuuma. Siia paigutate oma rakenduskoodi, mis on kõigile platvormidele tavaline.

Kui Cordova võimaldab teil hõlpsalt erinevate platvormide jaoks rakendust arendada, peate mõnikord lisama kohandused. Mitme platvormi jaoks arendades ei soovi te muuta lähtefaile erinevates platforms/[platform-name][assets]/www katalooge, kuna need kirjutatakse regulaarselt üle tipptasemel www faile.

Siinkohal saate avada ka config.xml faili ja muutke oma rakenduse metaandmeid, näiteks autorit ja kirjeldust.

Lisage oma esimene platvorm, kasutades:

cordova platform add android

Kui hiljem meelt muudate, saate platvormi ehitusprotsessist hõlpsalt eemaldada.

cordova platform rm android

Platvormide kataloogi kontrollides märkate android selles olev kaust. Iga teie lisatud platvormi jaoks loob Cordova platvormidel uue kataloogi ja dubleerib www selles olev kaust. Kui soovite näiteks oma rakendust Androidi jaoks kohandada, saate faile platforms/android/assets/www muuta ja minna üle platvormispetsiifilistele kestatööriistadele.

Kuid pidage meeles, et kui te oma rakenduse CLI-ga (platvormidevahelise arenduse jaoks) uuesti üles ehitate, kirjutab Cordova iga platvormi jaoks tehtud muudatused üle, nii et veenduge, et teil oleks need versioonihalduse all, või teete platvormikohased muutub pärast platvormidevahelise arenduse lõpetamist. Nagu me varem mainisime, on platvormidevaheliselt platvormispetsiifilisele arendusele üleminek lihtne. Teises suunas liikumine pole.

milleks nodejs'i kasutatakse

Kui soovite jätkata platvormidevahelise töövoo kasutamist ja siiski teha platvormispetsiifilisi kohandusi, peaksite kasutama ülemise taseme ühenduste kausta. Alates Cordova versioonist 3.5 on see kaust vaikerakendusest eemaldatud, kuid kui seda vajate, saate selle lihtsalt luua koos teiste tipptasemel kataloogidega (hooks, platforms, plugins ja www).

Platvormispetsiifilised kohandused paigutatakse kausta merges/[platform-name] ja rakendatakse lähtekoodifailide järel ülatasemel www kausta. Nii saate teatud platvormidele lisada uusi lähtekoodifaile või tühistada kogu tipptasemel lähtekoodifailid platvormispetsiifilistega. Võtke näiteks järgmine struktuur:

Sel juhul sisaldab Androidi väljundfail nii app.js ja android.js faile, kuid Windows Phone 8 väljundfail sisaldab ainult app.js fail, mis on leitud merges/wp8 kausta, kuna failid merges/[platform] alistada failid kataloogis www

Pistikprogrammide kataloog sisaldab teavet iga platvormi pistikprogrammide kohta. Sel hetkel peaksid teil olema ainult android.json fail, millel peaks olema järgmine struktuur:

{ 'prepare_queue': { 'installed': [], 'uninstalled': [] }, 'config_munge': { 'files': {} }, 'installed_plugins': {}, 'dependent_plugins': {} }

Ehitame rakenduse ja juurutame selle Android-seadmesse. Soovi korral võite kasutada ka emulaatorit.

Cordova pakub teie rakenduste loomiseks ja käitamiseks mitmeid CLI-samme: cordova prepare, cordova compile, cordova build (mis on kahe eelmise otsetee), cordova emulate ja cordova run (mis sisaldab build ja võib käitada ka emulaatorit). See ei tohiks teid segadusse ajada, sest enamikul juhtudel soovite oma rakenduse emulaatoris ehitada ja käitada:

cordova run --emulator

Soovi korral saate oma seadme USB-porti ühendada, lubada USB-silumisrežiimi ja juurutada oma esimese Apache Cordova rakenduse otse oma seadmesse, mis töötab lihtsalt:

cordova run

See kopeerib kõik teie failid kausta platforms/* ja täita kõik vajalikud ülesanded.

Ehitamisprotsessi ulatust saate piirata, määrates selle platvormi nime, mille jaoks soovite rakenduse ehitada, ja / või isegi konkreetse emulaatori, nt:

cordova run android --emulator

või

cordova run ios --emulator --target='iPhone-8-Plus'

Praktiline Apache Cordova õpetus

Koostame lihtsa õpetusrakenduse, et näidata Cordova ja selle pistikprogrammide kasutamist. Kogu demo leiate aadressilt see GitHubi hoidla et saaksite selle alla laadida ja selle lühikese Cordova õpetuse abil selle osi läbi vaadata.

Kasutame teie loodud algset seadistust ja lisame täiendava koodi. Oletame, et soovime lisada uusi projekte kujuteldavasse ApeeScape'i andmebaasi ja vaadata ka olemasolevaid. Avage index.html ja seadistage kaks vahekaarti järgmisel viisil:

millised ülesanded on seotud andmebaasitabeli kujundamisega?

 Hello ApeeScape  Search Projects
 Post a Project

Pange tähele, et olen lisanud Bootstrapi ja jQuery Mobiil kui sõltuvused. Pange tähele, et kaasaegsete hübriidrakenduste loomiseks on välja töötatud palju paremad lahendused ja raamistikud, kuid kuna enamik (kui mitte kõiki) veebiarendajaid tunnevad neid kahte teeki, on mõttekas neid kasutada algajate õpetuste jaoks. Stiililehed saate alla laadida GitHubist või soovi korral kasutada enda omad.

Liigume index.js ja ribake see järgmisele:

var app = { // Application Constructor initialize: function() { if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) { document.addEventListener('deviceready', this.onDeviceReady, false); } else { this.onDeviceReady(); } }, onDeviceReady: function() { // We will init / bootstrap our application here }, }; app.initialize();

Pidage meeles, et Cordova rakenduste propageeritud arhitektuur loob ühe lehe rakenduse (SPA). Nii laaditakse kõik ressursid ainult üks kord, kui rakendus käivitatakse, ja need võivad veebivaates püsida seni, kuni rakendus töötab. Lisaks ei teki SPA-de puhul kasutajal lehe uuesti laadimist, mis pole lihtsalt omakeelsete rakenduste jaoks tüüpiline. Pidades seda meeles, seadistagem kahe vahelehe vahel vahetamiseks lihtsa kontrolleri:

var Controller = function() { var controller = { self: null, initialize: function() { self = this; this.bindEvents(); self.renderSearchView(); }, bindEvents: function() { $('.tab-button').on('click', this.onTabClick); }, onTabClick: function(e) { e.preventDefault(); if ($(this).hasClass('active')) { return; } var tab = $(this).data('tab'); if (tab === '#add-tab') { self.renderPostView(); } else { self.renderSearchView(); } }, renderPostView: function() { $('.tab-button').removeClass('active'); $('#post-tab-button').addClass('active'); var $tab = $('#tab-content'); $tab.empty(); $('#tab-content').load('./views/post-project-view.html', function(data) { $('#tab-content').find('#post-project-form').on('submit', self.postProject); }); }, renderSearchView: function() { $('.tab-button').removeClass('active'); $('#search-tab-button').addClass('active'); var $tab = $('#tab-content'); $tab.empty(); var $projectTemplate = null; $('#tab-content').load('./views/search-project-view.html', function(data) { $projectTemplate = $('.project').remove(); // Load projects here }); } } controller.initialize(); return controller; }

Kontrolleril on seni kaks meetodit: üks otsinguvaate renderdamiseks ja teine postitusvaate renderdamiseks. Initsialiseerime selle meie index.js -s faili, deklareerides selle kõigepealt ülaosas ja koostades meetodi onDeviceReady abil:

// top of index.js var controller = null // inside onDeviceReady method controller = new Controller();

Lõpuks lisage skripti viide kausta index.html index.js viite kohal. Otsingu ja postituse vaate saate alla laadida otse GitHubist. Kuna osalised vaated loetakse failist, kaebavad mõned brauserid (nt Chrome) teie lehe renderdamise ajal domeenidevaheliste taotluste üle.

Võimalik lahendus oleks siin kohaliku staatilise serveri käitamine, näiteks node-static abil npm moodul. Samuti võite siin mõelda mõne raamistiku, näiteks PhoneGapi ja / või Ionicu kasutamisele. Kõik need pakuvad mitmesuguseid arendustööriistu, sealhulgas brauseris emuleerimine, kiirlaadimine ja koodi genereerimine (tellingud).

Praegu juurutagem lihtsalt Android-seadmesse, käivitades järgmise:

cordova run android

Sel hetkel peaks teie rakendusel olema kaks vahelehte. Esimene vahekaart võimaldab projekte otsida:

Apache Cordova rakendus

Teine vahekaart võimaldab postitada uusi projekte:

Apache Cordova projekt postitatud

Praegu on meil ainult klassikaline veebirakendus, mis töötab veebivaates. Me pole tõepoolest kasutanud ühtegi kohalikku funktsiooni, nii et proovime seda nüüd teha. Levinud küsimus on, kuidas seadmesse andmeid kohapeal salvestada või täpsemalt seda, millist tüüpi salvestusruumi kasutada. On mitmeid viise:

LocalStorage
WebSQL
IndekseeritudDB
Serveripoolne salvestusruum, millele pääseb juurde veebiteenuse kaudu
Kolmandate osapoolte pistikprogrammid, mis pakuvad muid võimalusi

LocalStorage on väikeste andmemahtude salvestamiseks OK, kuid sellest ei piisa, kui ehitate andmemahukat rakendust, kuna vaba ruum varieerub vahemikus 3–10 MB. IndexedDB võib olla antud juhul parem lahendus. WebSQL on iganenud ja seda ei toetata mõnel platvormil. Lõpuks sobib veebiteenuste kasutamine andmete hankimiseks ja muutmiseks hästi SPA-paradigmasse, kuid see laguneb, kui teie rakendus läheb võrguühenduseta. PWA tehnikad koos hooldustöötajatega on hiljuti tulnud Cordova maailma, et seda aidata.

Lisaks on Cordova tuumas olevate tühimike täitmiseks palju täiendavaid kolmanda osapoole pistikprogramme. Pistikprogramm Fail võib olla üsna kasulik, kuna see annab teile juurdepääsu seadme failisüsteemile, mis võimaldab teil faile luua ja salvestada. Proovime praegu SQLitePlugini, mis pakub teile kohalikku SQLite'i andmebaasi. Saate selle oma projekti lisada, käivitades:

magento 2 õpetus arendajale

cordova plugin add https://github.com/brodysoft/Cordova-SQLitePlugin

SQLitePlugin pakub API-le seadme SQLite andmebaasi ja on tõeline püsimehhanism. Saame luua lihtsa salvestusteenuse järgmisel viisil:

SQLiteStorageService = function () { var service = {}; var db = window.sqlitePlugin ? window.sqlitePlugin.openDatabase({name: 'demo.toptal', location: 'default'}) : window.openDatabase('demo.toptal', '1.0', 'DB para FactAV', 5000000); service.initialize = function() { // Initialize the database var deferred = $.Deferred(); db.transaction(function(tx) { tx.executeSql( 'CREATE TABLE IF NOT EXISTS projects ' + '(id integer primary key, name text, company text, description text, latitude real, longitude real)' ,[], function(tx, res) { tx.executeSql('DELETE FROM projects', [], function(tx, res) { deferred.resolve(service); }, function(tx, res) { deferred.reject('Error initializing database'); }); }, function(tx, res) { deferred.reject('Error initializing database'); }); }); return deferred.promise(); } service.getProjects = function() { // fetch projects } service.addProject = function(name, company, description, addLocation) { // add a new project } return service.initialize(); }

Projektide toomiseks ja lisamiseks GitHubist saate koodi alla laadida ja kleepida vastavatesse kohahoidjatesse. Ärge unustage lisada SQLiteStorageService.js oma faili index.html üle Controller.js ja initsialiseerige see oma kontrolleris, muutes Controlleri init funktsiooni:

initialize: function() { self = this; new SQLiteStorageService().done(function(service) { self.storageService = service; self.bindEvents(); self.renderSearchView(); }).fail(function(error) { alert(error); }); }

Kui heidate pilgu teenusele service.addProject (), märkate, et see kutsub välja meetodi navigaator.geolocation.getCurrentPosition (). Cordoval on geolokatsiooni pistikprogramm, mida saate kasutada telefoni praeguse asukoha saamiseks, ja võite isegi kasutada navigaator.geolocation.watchPosition () meetodit värskenduste saamiseks, kui kasutaja positsioon muutub.

Lõpuks lisame kontrollerite sündmuste käepidemed projektide lisamiseks ja andmebaasist toomiseks:

mis on heuristiline hindamine

renderPostView: function() { $('.tab-button').removeClass('active'); $('#post-tab-button').addClass('active'); var $tab = $('#tab-content'); $tab.empty(); $('#tab-content').load('./views/post-project-view.html', function(data) { $('#tab-content').find('#post-project-form').on('submit', self.postProject); }); }, postProject: function(e) { e.preventDefault(); var name = $('#project-name').val(); var description = $('#project-description').val(); var company = $('#company').val(); var addLocation = $('#include-location').is(':checked'); if (!name || !description || !company) { alert('Please fill in all fields'); return; } else { var result = self.storageService.addProject( name, company, description, addLocation); result.done(function() { alert('Project successfully added'); self.renderSearchView(); }).fail(function(error) { alert(error); }); } }, renderSearchView: function() { $('.tab-button').removeClass('active'); $('#search-tab-button').addClass('active'); var $tab = $('#tab-content'); $tab.empty(); var $projectTemplate = null; $('#tab-content').load('./views/search-project-view.html', function(data) { $('#addressSearch').on('click', function() { alert('Not implemented'); }); $projectTemplate = $('.project').remove(); var projects = self.storageService.getProjects().done(function(projects) { for(var idx in projects) { var $div = $projectTemplate.clone(); var project = projects[idx]; $div.find('.project-name').text(project.name); $div.find('.project-company').text(project.company); $div.find('.project-description').text(project.description); if (project.location) { var url = ' Click to open map '; $div.find('.project-location').html(url); } else { $div.find('.project-location').text('Not specified'); } $tab.append($div); } }).fail(function(error) { alert(error); }); }); }

Konsooli ja dialoogipluginate lisamiseks toimige järgmiselt.

cordova plugin add org.apache.cordova.dialogs cordova plugin add org.apache.cordova.console

Pistikprogramm cordova.console aitab teil siluda, lubades console.log() funktsioon emulaatorites.

Saate hõlpsasti siluda Androidi rakendusi Chrome'i kaugsiluti kaudu. Kui olete oma seadme ühendanud, klõpsake paremas ülanurgas (nupu X all) rippmenüüd, laiendage Rohkem tööriistu ja klõpsake nuppu Kontrolli seadmeid. Peaksite oma seadet loendis nägema ja peaksite saama avada selle silumiskonsooli.

Safari pakub sama funktsionaalsust USB-ühendusega seadmes või emulaatoris töötavate iOS-i rakenduste silumiseks. Lihtsalt lubage arendaja tööriistad vahekaardil Safari Seaded> Täpsem.

Pistikprogramm cordova.dialogs võimaldab kohalikke märguandeid. Levinud tava on windows.alert uuesti määratleda meetodit kasutades cordova.dialogs API-d järgmisel viisil:

overrideBrowserAlert: function() { if (navigator.notification) { // Override default HTML alert with native dialog window.alert = function (message) { navigator.notification.alert( message, // message null, // callback 'ApeeScape', // title 'OK' // buttonName ); }; } }

overrideBrowserAlert funktsiooni tuleks kutsuda deviceready sees ürituste läbiviija.

Nüüd peaksite saama andmebaasist uusi projekte lisada ja olemasolevaid vaadata. Kui valite märkeruudu „Kaasa asukoht”, helistab seade geolokatsiooni API-le ja lisab teie praeguse asukoha projekti.

Lisame rakendusele viimistluse, seadistades ikooni ja sirvimisekraani. Lisage üksusesse config.xml järgmine fail:

www/img

Lõpuks asetage logopilt

|_+_|

kausta.

Cordova mobiilne õpetusrakendus

Oma Cordova rakendus

Läbisime Apache Cordova rakenduse arendamise põhisammud ja kasutasime oma JavaScripti arhitektuuri ja CSS-i stiilitabel . Selle Cordova õpetuse abil üritati näidata Apache Cordova potentsiaali mobiilsete rakenduste arendamise vahendina, kasutades tuttavaid tehnoloogiaid, vähendades nii arendusaega kui ka erinevate platvormide jaoks mitme rakenduse loomiseks vajalikke jõupingutusi.

Tootmisse minevate rakenduste ehitamisel on soovitatav kasutada olemasolevat raamistikku. Lisaks oma rakenduse struktureerimisele etteantud arhitektuuris võib see pakkuda ka komplekti komponente, mis aitavad teie rakendusel lähemale jõuda omapärasele välimusele. Mõned märkimist väärivad raamistikud on Iooniline , Raamistik7 , Weex , Ratchet , Kendo kasutajaliides ja Onseni kasutajaliides . Palju edu!

Seotud: Cordova raamistikud: Ionic vs Framework7

Põhitõdede mõistmine

Mis on Cordova?

Apache Cordova on raamistik platvormidevaheliste mobiilirakenduste loomiseks, kasutades standardseid veebitehnoloogiaid. Põhimõtteliselt on see veebivaatega rakenduste konteiner, mis katab kogu seadme ekraani.

Mis on PhoneGap?

Tänapäeval viitab PhoneGap tootele, mille Adobe on ehitanud Apache Cordova peale. Algselt oli see Nitobi loodud raamistik, enne kui Adobe need omandas ja selle lähtekoodiks oli Apache Cordova.

Mis on WebView?

Androidi WebView ja iOS-i UIWebView on klassid, mida vastavad operatsioonisüsteemid kasutavad veebilehtede kuvamiseks täisekraanil. Arendajad saavad nendega veebibrausereid ehitada või Apache Cordova puhul kasutada neid veebirakenduse kuvamiseks justkui omarakendusena.

Mis on Cordova pistikprogramm?

Apache Cordova pistikprogrammid võimaldavad edasist juurdepääsu platvormiülestele funktsioonidele. Need võivad olla riistvarapõhised teenused, nagu geolokatsioon, või puhtalt tarkvarapõhised funktsioonid, näiteks operatsioonisüsteemi pakutav SQLite andmebaasi juurdepääs.