Een van de gebieden die tegenwoordig het meest in opkomst is, is het creëren van applicaties, of het nu voor mobiele telefoons of verschillende apparaten is, aangezien eindgebruikers altijd op zoek zijn naar innovatieve applicaties die hen helpen verschillende aspecten van hun dagelijks leven, hun studie, je werk of gewoon uw vermaak.
Als we het over Linux hebben, hebben we het over een schaalbaar systeem, dat wil zeggen, het kan veel verder worden uitgebreid dan wat standaard wordt geboden dankzij gratis code en precies om deze reden zijn er speciale applicaties voor het maken van applicaties en vandaag zal Solvetic zich richten op een bel Apache Cordova en we zullen zien hoe we het kunnen gebruiken in Ubuntu 18.04.
Als je Ubuntu 18.04 niet hebt, kunnen we het gratis downloaden via de volgende link:
Wat is Apache CordovaApache Cordova is een applicatie die zich richt op het faciliteren van de ontwikkeling van mobiele applicaties en is gebaseerd op open source. Door Apache Cordova te gebruiken wordt het mogelijk om standaard webtechnologieën zoals HTML5, CSS3 en JavaScript te gebruiken voor platformonafhankelijke ontwikkeling en we weten heel goed dat deze talen de basis vormen voor het maken en onderhouden van duizenden applicaties.
Met Apache Cordova worden de applicaties uitgevoerd binnen digitale omgevingen die zijn gericht op elk speciaal platform, en deze zijn afhankelijk van de API-koppelingen die moeten voldoen aan de vereiste standaarden om toegang te krijgen tot de mogelijkheden van elk apparaat in functies zoals sensoren, data. , netwerkstatus, geheugen, enz.
We hebben de mogelijkheid om hybride mobiele applicaties te bouwen met behulp van de HTML-, CSS- en JavaScript-talen in Apache Cordova die op verschillende mobiele platforms zoals IOS, Android of Windows kunnen worden gebruikt.
Apache Cordova gebruiktApache Cordova is een praktische oplossing in gevallen als:
- Als we webontwikkelaars zijn en we willen een verpakte webapplicatie implementeren zodat deze wordt gedistribueerd in verschillende applicatiewinkels.
- Als we een applicatie willen uitbreiden naar meer dan één platform, zonder de noodzaak om het opnieuw te implementeren met zijn set tools en taal voor elk platform, kost dat tijd en middelen.
- Als het doel is om native applicatiecomponenten te mixen met een WebView (speciaal browservenster) waarmee API's op apparaatniveau kunnen worden benaderd, of als we een plug-in-interface willen ontwikkelen tussen native componenten en WebView.
Belangrijkste componenten van Apache CordovaAls we Apache Cordova willen gebruiken, moeten we tijdens de ontwikkeling een aantal belangrijke termen in gedachten houden, namelijk.
- WebView: WebView is compatibel met Apache Cordova en dankzij dit wordt de volledige gebruikersinterface aan de applicatie geleverd. Op sommige specifieke platforms kan het ook een component zijn binnen een grotere hybride applicatie die WebView kan combineren met native applicatiecomponenten.
- Web App: De Web App is waar de applicatiecode wordt gehost, de applicatie zelf wordt geïmplementeerd als een webpagina met een lokaal bestand genaamd index.html, dat verwijst naar CSS, JavaScript, afbeeldingen, multimediabestanden of andere bronnen die nodig is voor de correcte uitvoering ervan, zodat de applicatie in een WebView binnen de native applicatiecontainer draait en deze container een vitaal bestand heeft, genaamd config.xml, dat informatie geeft over de applicatie en waarmee hij de parameters specificeert die de algemene prestaties beïnvloeden.
- Plug-ins: Plug-ins of add-ons zijn een integraal onderdeel van de Apache Cordova-omgeving, aangezien het hun functie is om een interface voor Cordova te bieden en native componenten te genereren voor de juiste communicatie tussen hen en links naar standaardapparaat-API's. Dankzij de plug-ins is het mogelijk om native code uit JavaScript aan te roepen.
Apache Cordova heeft een set basisplug-ins genaamd Core Plugins, deze hoofdplug-ins bieden de applicatie de nodige tools om toegang te krijgen tot de mogelijkheden van het apparaat, zoals batterij, camera, contacten en nog veel meer.
Ontwikkelingspaden in Apache CordovaApache Cordova heeft twee basisworkflows voor het maken van een mobiele applicatie.
- Cross-platform workflow (CLI): Dankzij deze workflow zal het mogelijk zijn om de applicatie op zoveel mogelijk mobiele besturingssystemen te laten draaien, zonder veel inspanning op platformspecifiek ontwikkelniveau. Deze workflow is gericht op de Apache Cordova CLI.
- Platformgerichte workflow: Met deze workflow zal het mogelijk zijn om je te concentreren op het maken van een applicatie gericht op een enkel platform en dat deze op een lager niveau kan worden aangepast. Deze workflow is gebaseerd op een set shellscripts op een lager niveau die zijn ontworpen voor elk ondersteund platform, en heeft een afzonderlijk Plugman-hulpprogramma waarmee we plug-ins kunnen toepassen.
1. Installeer Node.js op Ubuntu 18.04
Stap 1
Allereerst zal het nodig zijn om de nieuwste versie van Node.js op het systeem te installeren, standaard is de nieuwste versie van Node.js niet beschikbaar in de standaard Ubuntu 18.04-repository, dus het zal nodig zijn om een PPA-repository toe te voegen voor node.js met de volgende opdracht:
sudo apt-get install software-properties-common -y
VERGROTEN
Stap 2
Nu zullen we een van de volgende opdrachten uitvoeren:
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
VERGROTEN
OpmerkingWe kunnen de volgende opdracht gebruiken om dit proces efficiënt uit te voeren.
sudo apt install npm
Stap 3
We gaan door met het installeren van Node.js met behulp van de volgende opdracht:
sudo apt-get install nodejs -y
VERGROTEN
2. Installeer Apache Cordova op Ubuntu 18.04
Stap 1
Nadat Node.js is geïnstalleerd, gaan we Apache Cordova als volgt installeren met behulp van de NPM-opdracht.
sudo npm install -g cordovaStap 2
We zullen zien dat het volgende proces begint:
VERGROTEN
Stap 3
Zodra deze analyse is voltooid, zien we het volgende resultaat:
VERGROTEN
Stap 4
Nu gaan we de versie van Apache Cordova verifiëren door de volgende regel uit te voeren.
cordova -versieStap 5
We voeren het woord Ja in en de huidige versie wordt weergegeven:
VERGROTEN
3. Een applicatie maken in Apache Cordova
Stap 1
Om een applicatie in Apache Cordova te maken, gaan we het volgende commando met zijn naam uitvoeren:
cordova maak SolveticAppStap 2
Als u op Enter drukt, is het resultaat het volgende:
VERGROTEN
Stap 3
Nu gaan we naar de directory van de nieuwe applicatie, SolveticApp en daar voegen we het platform toe dat nodig is voor de applicatie:
cd SolveticApp cordova-platform Android toevoegen
VERGROTEN
Stap 4
Daar kunnen we gebruik maken van verschillende platformen zoals:
- cordova-platform voeg ios . toe
- cordova-platform amazon-fireos toevoegen
- cordova-platform Android toevoegen
- cordova platform voeg blackberry10 . toe
- cordova-platform firefoxos toevoegen
Stap 5
Nu gaan we de volgende opdracht uitvoeren om de geïnstalleerde en beschikbare platforms voor de Apache Cordova-toepassing te zien:
cordova platform -ls
VERGROTEN
Stap 6
De volgende stap is om aan alle eisen voor de bouwomgeving te voldoen, dit kan worden gevalideerd door het volgende commando uit te voeren:
cordova-vereisten
VERGROTEN
Stap 7
Daar kunnen we visualiseren welke elementen nodig zijn voor de geïntegreerde constructie om de applicatie correct te laten werken. Nadat we alle stappen hebben voltooid, bouwen we de applicatie door het volgende uit te voeren:
cordova bouwt AndroidStap 8
Eenmaal gebouwd kunnen we gebruik maken van emulators die een afbeelding van het apparaat op een virtuele manier uitvoeren en in dit geval van Android moeten we de SDK installeren en dan het volgende uitvoeren:
cordova emuleren AndroidStap 8
Op het moment dat we het gecreëerde platform willen elimineren, moeten we het volgende uitvoeren:
cordova-platform Android verwijderen
VERGROTEN
We hebben gezien hoe Apache Cordova een platform is dat ons een reeks voordelen biedt voor de totale en functionele creatie van applicaties die kunnen worden gebruikt en geïmplementeerd op verschillende platforms met volledig gebruik en het beste van alles is dat het verbruik van bronnen minimaal is, ongeacht het type van de gemaakte applicatie.
