Einsatz von Polymer unter Linux

Aus Byte-Welt Wiki
Version vom 27. Januar 2017, 17:56 Uhr von L-ectron-X (Diskussion | Beiträge) (Installation des Polymer-CLI)
Zur Navigation springenZur Suche springen


Im vorliegenden Artikel wird kurz und knapp beschrieben, wie man auf einem Rechner mit einem Debian/Ubuntu-Derivat das von Google entwickelte Framework Polymer zur Erstellung von Web Components und Web-Applikationen installiert und in Betrieb nimmt.

Installation von Node.js

Grundlage für alle weiteren Installationen ist die Javascript-Console Node.js. Die Installation wird folgendermaßen durchgeführt:

sudo apt-get install nodejs nodejs-legacy

Node.js testen

Um zu testen, ob Node.js nun auch funktioniert wird node auf der Console gestartet:

node

Daraufhin wird eine Javascript-Console gestartet, in die wir Javascript-Code eingeben, der uns ein einfaches Hello World ausgibt.

console.log("Hallo Welt")

Die Ausgabe wird bei korrketer Funktionalität lauten:

Hallo Welt

Um die Javascript-Console wieder zu schließen, drücken wir 2x nacheinander die Tastenkombination [STRG]+[C]

Installation von Git

Im nun folgenden Schritt ist die Installation der Versionsverwaltung Git notwendig. Sollte diese bereits auf dem System installiert sein (Test durch Eingabe von git auf der Console), kann gleich zum nächsten Schritt gesprungen werden.

Wenn Git noch nicht installiert ist, holen wir das gleich nach. In unsere Console geben wir nun ein:

sudo apt-get install git

Damit sind alle Voraussetzungen geschaffen um nun die das Kommandozeilen-Interface (CLI) von Polymer zu installieren.

Installation des Polymer-CLI

Die Installation von Polymer wird mittels Node Package Manager durchgeführt. Dieser wurde bereits im ersten Schritt auf dem System installiert.

In einem ersten Teilschritt wird nun Bower, ein Paketverwaltungstool für clientseitige Webentwicklung, installiert:

npm install -g bower

Anschließend installieren wir das Polymer Framework. Folgender Befehl auf der Console wird nun zur Installation von Polymer eingegeben:

sudo npm install -g polymer-cli

Polymer Starter-Kit

Auf der Webseite von Polymer wird ein Starter-Kit bereit gestellt, mit dem man sich einen ersten Eindruck von den Möglichkeiten von Polymer verschaffen kann.

Projekt-Verzeichnis vorbereiten

Für das von Polymer zu erzeugende Starter-Kit erzeugen wir auf der Console in einem passenden Verzeichnis ein neues Projekt-Verzeichnis namens my-app In diesem Verzeichnis lassen wir uns anschließend das Projekt des Starter-Kits erzeugen.

mkdir my-app
cd my-app

Damit haben wir das Verzeichnis erzeugt und sind in dieses gewechselt.

Projekt erzeugen

Nun lassen wir uns das Projekt erzeugen:

polymer init starter-kit

Projekt testen

Nach wenigen Sekunden ist das Projekt fertig erzeugt und wir können es nun zum Testen ausführen:

polymer serve --open

Mit diesem Befehl wird zunächst der mitgelieferte Webserver gestartet. Anschließend wird automatisch der Standard-Browser geöffnet und das Projekt geladen.

So lange die Console noch geöffnet ist, ist auch der Webserver, der mit Polymer ausgeliefert wurde aktiv. Das Projekt kann nun editiert werden und jederzeit erneut im Browser ausgeführt werden. Dazu muss die lokale URL des Rechners mit dem Port des Webservers in die Browserzeile getippt werden:

http://localhost:8080

Webserver beenden

Der Webserver kann mit der Tastenkombination [STRG]+[C] oder einfach durch Schließen der Console beendet werden