Slik installerer du Apache Cordova på Ubuntu 18.04 for å lage apper

Et av områdene som er mest blomstrende i dag, er opprettelsen av applikasjoner, enten det er for mobiltelefoner eller forskjellige enheter, siden sluttbrukere alltid leter etter innovative applikasjoner som hjelper dem med å håndtere ulike aspekter av dagliglivet, studiet, arbeidet ditt eller bare underholdningen din.

Når vi snakker om Linux, snakker vi om et skalerbart system, det vil si at det kan utvides langt utover det som tilbys som standard takket være gratis kode, og nettopp av denne grunn er det spesielle applikasjoner for å lage applikasjoner, og i dag vil Solvetic fokusere på en ring Apache Cordova, så ser vi hvordan du bruker det i Ubuntu 18.04.
Hvis du ikke har Ubuntu 18.04, kan vi laste det ned gratis på følgende lenke:

Hva er Apache CordovaApache Cordova er et program som fokuserer på å legge til rette for utvikling av mobile applikasjoner og er basert på åpen kildekode. Ved å bruke Apache Cordova vil det være mulig å bruke standard webteknologi som HTML5, CSS3 og JavaScript for plattformutvikling, og vi vet godt at disse språkene er grunnlaget for opprettelse og vedlikehold av tusenvis av applikasjoner.

Med Apache Cordova kjøres applikasjonene i digitale miljøer som er rettet til hver spesiell plattform, og disse er avhengige av API -koblingene som må overholde de nødvendige standardene for å få tilgang til funksjonene til hver enhet i funksjoner som sensorer, data. , nettverksstatus, minne, etc.

Vi har muligheten til å bygge hybrid -mobilapplikasjoner ved hjelp av HTML-, CSS- og JavaScript -språkene i Apache Cordova som kan brukes på forskjellige mobile plattformer som IOS, Android eller Windows.

Apache Cordova brukerApache Cordova er en praktisk løsning i tilfeller som:

• Hvis vi er webutviklere og vi ønsker å implementere en pakket webapplikasjon slik at den distribueres i flere applikasjonsbutikker.

• Hvis vi ønsker å utvide en applikasjon til mer enn én plattform, uten å måtte implementere den på nytt med sitt sett med verktøy og språk for hver plattform, noe som tar tid og ressurser.

• Hvis målet er å blande integrerte applikasjonskomponenter med en WebView (spesielt nettleservindu) for å få tilgang til API-er på enhetsnivå, eller hvis vi ønsker å utvikle et plug-in-grensesnitt mellom native komponenter og WebView.

Viktige komponenter i Apache CordovaNår vi ønsker å bruke Apache Cordova, må vi huske på noen sentrale termer under utviklingen, dette er.

• WebView: WebView er kompatibelt med Apache Cordova, og takket være det leveres hele brukergrensesnittet til applikasjonen, på noen spesifikke plattformer kan det også være en komponent i et større hybridprogram som kan blande WebView med applikasjonskomponenter.

• Web -app: Web -appen er stedet der applikasjonskoden er vert, slik at selve applikasjonen er implementert som en webside med en lokal fil kalt index.html, som refererer til CSS, JavaScript, bilder, multimedier eller andre ressurser som er nødvendig for korrekt utførelse, slik at programmet kjøres i en WebView i den opprinnelige applikasjonsbeholderen, og denne beholderen har en viktig fil, kalt config.xml, som gir informasjon om programmet og angir parametere som påvirker den generelle ytelsen.

• Plugins: Plugins eller add-ons er en integrert del av Apache Cordova-miljøet siden deres funksjon er å tilby et grensesnitt til Cordova og generere native komponenter for riktig kommunikasjon mellom dem og lenker til standard enhets-APIer. Takket være pluginene vil det være mulig å påkalle opprinnelig kode fra JavaScript.

Apache Cordova har et sett med grunnleggende plugins kalt Core Plugins, disse hovedpluggene gir applikasjonen de nødvendige verktøyene for å få tilgang til enhetens funksjoner, for eksempel batteri, kamera, kontakter og mye mer.

Utviklingsstier i Apache CordovaApache Cordova har to grunnleggende arbeidsflyter for å lage en mobilapplikasjon.

• Cross-platform workflow (CLI): Takket være denne arbeidsflyten vil det være mulig å la applikasjonen kjøres på så mange mobile operativsystemer som mulig, uten mye innsats på det plattformspesifikke utviklingsnivået. Denne arbeidsflyten fokuserer på Apache Cordova CLI.

• Plattformsentrert arbeidsflyt: Med denne arbeidsflyten vil det være mulig å fokusere på å lage en applikasjon fokusert på en enkelt plattform, og at den kan endres på et lavere nivå. Denne arbeidsflyten er basert på et sett med shell -skript på lavere nivå som er designet for hver plattform som støttes, og har et eget Plugman -verktøy som lar oss bruke plugins.

Med disse detaljene i tankene, la oss se hvordan du oppretter et program ved hjelp av Apache Cordova.

1. Installer Node.js på Ubuntu 18.04

Trinn 1
Først og fremst vil det være nødvendig å installere den nyeste versjonen av Node.js på systemet, som standard er den nyeste versjonen av Node.js ikke tilgjengelig i standard Ubuntu 18.04 -depot, så det vil være nødvendig å legge til et PPA -depot for node. js ved å bruke følgende kommando:

 sudo apt-get install software-properties-common -y 

FORSTØRRE

Steg 2
Nå vil vi utføre en av følgende kommandoer:

 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh

FORSTØRRE

MerkVi kan bruke følgende kommando for å utføre denne prosessen effektivt.

 sudo apt installer npm 

Trinn 3

Vi fortsetter å installere Node.js ved å bruke følgende kommando:

 sudo apt -get install nodejs -y 

FORSTØRRE

2. Installer Apache Cordova på Ubuntu 18.04

Trinn 1
Når Node.js er installert, skal vi installere Apache Cordova ved hjelp av NPM -kommandoen som følger.

 sudo npm install -g cordova 

Steg 2
Vi vil se at følgende prosess begynner:

FORSTØRRE

Trinn 3
Når denne analysen er ferdig, ser vi følgende resultat:

FORSTØRRE

Trinn 4
Nå skal vi bekrefte versjonen av Apache Cordova ved å utføre følgende linje.

 cordova -versjon 

Trinn 5
Vi taster inn ordet Ja, og den nåværende versjonen vises:

FORSTØRRE

3. Lag et program i Apache Cordova

Trinn 1
For å opprette et program i Apache Cordova skal vi utføre følgende kommando med navnet:

 cordova lage SolveticApp 

Steg 2
Når du trykker Enter vil resultatet bli følgende:

FORSTØRRE

Trinn 3
Nå skal vi gå til katalogen for den nye applikasjonen, SolveticApp, og der legger vi til plattformen som kreves for applikasjonen:

 cd SolveticApp cordova plattform legg til android

FORSTØRRE

Trinn 4
Der kan vi bruke forskjellige plattformer som:

• cordova plattform legg til ios

• cordova plattform legg til amazon-fireos

• cordova plattform legg til android

• cordova plattform legg til blackberry10

• cordova plattform legg til firefoxos

Trinn 5
Nå skal vi kjøre følgende kommando for å se de installerte og tilgjengelige plattformene for Apache Cordova -applikasjonen:

 cordova plattform -ls 

FORSTØRRE

Trinn 6
Det neste trinnet er å oppfylle alle kravene til byggemiljøet, dette kan valideres ved å utføre følgende kommando:

 cordova krav 

FORSTØRRE

Trinn 7
Der vil vi kunne visualisere hvilke elementer som trengs for den integrerte konstruksjonen for at applikasjonen skal fungere korrekt. Når vi har fullført alle trinnene, bygger vi programmet ved å kjøre:

 cordova build Android 

Trinn 8
Når den er bygget, kan vi bruke emulatorer som utfører et bilde av enheten på en virtuell måte, og i dette tilfellet med Android må vi installere SDK og deretter utføre følgende:

 cordova emulere Android 

Trinn 8
I det øyeblikket vi ønsker å eliminere den opprettede plattformen, må vi utføre følgende:

 cordova plattform fjern Android 

FORSTØRRE

Vi har sett hvordan Apache Cordova er en plattform som gir oss en rekke fordeler for total og funksjonell opprettelse av applikasjoner som kan brukes og implementeres på ulike plattformer med full bruk og best av alt, forbruket av ressurser er minimalt uansett type applikasjonen er opprettet.