Einsatz von Polymer unter Linux: Unterschied zwischen den Versionen

Aus Byte-Welt Wiki
Zur Navigation springenZur Suche springen
K (Installation von Node.js)
K (Polymer Starter-Kit)
Zeile 62: Zeile 62:
  
 
So lange die Console noch geöffnet ist, ist auch der Webserver, der mit Polymer ausgeliefert wurde aktiv.
 
So lange die Console noch geöffnet ist, ist auch der Webserver, der mit Polymer ausgeliefert wurde aktiv.
Das Projekt nun editiert werden und jederzeit erneut im Browser gestartet werden. Dazu muss die lokale URL des Rechners mit dem Port des Webservers in die Browserzeile getippt werden:
+
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
 
  http://localhost:8080

Version vom 27. Januar 2017, 17:46 Uhr


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

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 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 sich einen ersten Eindruck von den Möglichkeiten von Polymer verschaffen kann.

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. Nun lassen wir uns das Projekt erzeugen:

polymer init starter-kit

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 der Standard-Browser gestartet 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