Im nächsten Artikel werfen wir einen Blick auf das Ionic Framework und wie es auf Ubuntu 20.04 installiert werden kann. Dieses Framework ermöglicht es Benutzern, Projekte mit anderen Frameworks wie Angular . zu implementieren. Ionic ist ein vollständiges Open-Source-SDK für die Entwicklung hybrider mobiler Apps, das 2013 von Max Lynch, Ben Sperry und Adam Bradley von Drifty Co. entwickelt wurde. Die Originalversion wurde 2013 veröffentlicht und basiert auf AngularJS und Apache Cordova. Die neueste Version wurde jedoch als eine Reihe von Webkomponenten neu erstellt, die ermöglicht dem Benutzer die Auswahl von Angular-, React- oder Vue.js-Projekten. Es ermöglicht auch die Verwendung von Ionic-Komponenten ohne Benutzeroberflächen-Framework.
Ionic bietet Tools und Dienstleistungen zur Entwicklung hybrider Desktop-, Mobil- und progressiver Webanwendungen basierend auf modernen Webentwicklungspraktiken und -technologien. Hierfür können Webtechnologien wie CSS, HTML5 und Sass verwendet werden. Mit diesem Framework können wir Anwendungen mit Webtechnologien entwickeln, die mit iOS, Android oder dem Web selbst kompatibel sind. Es bietet auch ein leistungsstarkes CLI-Tool, mit dem wir Projekte verwalten und erstellen können.
Allgemeine Eigenschaften von Ionic
- Dieses Framework ist kostenlos und Open Source. Es bietet eine Bibliothek von für Mobilgeräte optimierten Benutzeroberflächentools und -komponenten, mit denen schnelle und hochgradig interaktive Anwendungen erstellt werden können.
- Ionic verwendet Cordova, und neuerdings Plug-Ins, um Zugriff auf Host-Betriebssystemfunktionen wie GPS, Kamera, Taschenlampe usw. zu erhalten.
- Benutzer können ihre Apps erstellen und sie dann für Android, iOS, Windows, Desktop (mit Electron) oder moderne Browser anpassen.
- Ionic enthält bewegliche Teile, Typografie oder ein erweiterbares Basisthema.
- Bei der Verwendung von Webkomponenten, Ionic bietet benutzerdefinierte Komponenten und Methoden, um mit ihnen zu interagieren. Eine dieser Komponenten, das virtuelle Scrollen, ermöglicht es Benutzern, ohne Leistungseinbußen durch eine Liste mit Tausenden von Elementen zu scrollen. Eine weitere Komponente, Tabs, erstellt eine Benutzeroberfläche mit Registerkarten, die die Navigation im nativen Stil und die Verwaltung des Verlaufsstatus unterstützt.
- Neben dem SDK bietet Ionic auch Dienste, die Entwickler verwenden können, um Funktionen zu aktivierenwie Codeimplementierungen oder automatisierte Builds.
- auch bietet eine eigene IDE namens Ionic Studio.
- Es bietet auch eine Schnittstelle von Befehlszeile (CLI) um Projekte zu erstellen. Die CLI ermöglicht es Entwicklern auch, zusätzliche Cordova-Plugins und -Pakete hinzuzufügen, Push-Benachrichtigungen zu aktivieren, App-Symbole und Begrüßungsbildschirme zu generieren und native Binärdateien zu erstellen.
Installieren Sie Ionic auf Ubuntu 20.04
Die Installation dieses Frameworks ist recht einfach. Um zu beginnen, müssen wir nur ein Terminal öffnen (Strg + Alt + T) und aktualisieren Sie unsere Systempakete:
sudo apt update; sudo apt upgrade
Dann werden wir Installieren Sie einige notwendige Pakete. Im selben Terminal müssen wir den Befehl verwenden:
sudo apt install curl gnupg2 wget git
Der nächste Schritt wird sein Installieren Sie NodeJS. Dieses Beispiel habe ich mit der Version getestet 14.x. Um diese Version zu installieren, Wir beginnen mit dem Hinzufügen des erforderlichen Repositorys:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
Dann können wir installieren KnotenJS Ausführen dieses anderen Befehls:
sudo apt install nodejs
Ionic erfordert Apache Cordova. Es sollte klargestellt werden, dass dies eine Reihe von Geräte-APIs ist, die dem Entwickler mobiler Anwendungen mithilfe von JavaScript den Zugriff auf native Funktionen des Geräts wie die Kamera oder den Beschleunigungsmesser ermöglichen.
Nach der Installation von NodeJS können wir Cordova installieren Laufen:
sudo npm install -g cordova
An dieser Stelle können wir weitermachen zu installiere Ionic mit npm:
sudo npm i -g @ionic/cli
Nach der Installation können wir Überprüfen Sie die installierte Version mit dem Befehl:
ionic -v
Eine Beispielanwendung
Um zu wissen, ob die Installation korrekt durchgeführt wurde, können wir mit der Erstellung einer kleinen Beispielanwendung beginnen. Dazu müssen wir nur Führen Sie den folgenden Befehl aus, erstellen Sie das Beispiel:
ionic start
Beim Ausführen dieses Befehls Sie müssen definieren, welche Art von Projekt Sie erstellen möchten. Für dieses Beispiel habe ich Angular gewählt. Außerdem müssen Sie Ihrem Projekt einen Namen geben und die Vorlage auswählen. All dies müssen Sie auf einem Bildschirm ähnlich dem folgenden auswählen:
Nach der Einrichtung, Es wird ein Ordner mit dem Namen erstellt, den wir dem Projekt gegeben haben. Greifen Sie auf diesen Ordner zu, um die Projektstruktur anzuzeigen.
Um das Projekt ansehen, im selben Terminal werden wir diesen anderen Befehl ausführen:
ionic serve --host 0.0.0.0 --port 8000
Mit diesem Befehl Wir erlauben jedem Host, auf Port 8000 zuzugreifen.
Wenn alles, was Sie brauchen, geladen ist, öffne deinen Webbrowser und gehe zu http://localhost:8000 o http://IP-de-tu-servidor:8000 und Sie sehen die soeben erstellte Beispielseite.
Ionic ist ein modernes Framework, mit dem wir auf einfache und elegante Weise plattformübergreifende Anwendungen entwickeln können. Es kann bezogen werden Weitere Informationen und Dokumentation zu Installation und Betrieb im Projektwebsite.