Eclipse

Eclipse als Entwicklungsumgebung für Webanwendungen

Eclipse installieren und für alle Sprachen des Webs einsetzen

Editoren für die Entwicklung von Webseiten gibt es viele. In diesem Tutorial möchte ich zeigen, wie Sie die OpenSource-Software Eclipse auf Ihrem Rechner installieren, um damit XHTML, CSS, PHP, JavaScript, AJAX sowie XML entwickeln zu können.

Komfortabel editieren - Aptana Studio als Plugin installieren

Ferner werde ich zeigen, wie Sie die Software Aptana Studio als Plugin in Eclipse einbinden, um sich auch die Möglichkeiten der Entwicklung von RIA und AJAX-Anwendungen mit Eclipse zu erschließen. Auch sind die Editoren, die Aptana mitbringt, in Teilen komfortabler.

Direkter Zugriff auf Datenbanken - QuantumDB einbinden

Eclipse stellt mit dem Plugin QuantumDB eine direkte Verbindung zu einem RDBMS, z.B. MySQL, zur Verfügung. Einfacher lässt sich SQL nicht lernen, leichter lassen sich Queries nicht ausprobieren und in den Programmcode übernehmen!

Download, Installation und Lokalisierung

Download, Installation und Lokalisierung

Verschiedene Distributionen

Mittlerweile gibt es verschiedene Pakete von Eclipse, mit denen die Entwicklung von Webseiten möglich ist. Im Mittelpunkt steht dabei die Möglichkeit, mit PHP zu programmieren. In vielen Fachzeitschriften wird dabei auf die freie und kostenlose Lösung Eclipse PDT (PHP Development Tools) verwiesen.

Ferner ist das Produkt Zend Studio for Eclipse zu erwähnen, das mit umfangreichen Features aufwartet und meiner Meinung nach zu den moderneren Entwicklungswerkzeugen gezählt werden muss. Nicht zu unterschätzen ist der Support, den man mit dem Kauf des Programms erwirbt.

An dieser Stelle möchte ich aber auf eine Kombination von Paketen eingehen, die meiner Meinung nach den größten Nutzen bringen. Das Projekt EasyEclipse for PHP zusammen mit der Community-Edition der Aptana IDE ergeben eine Entwicklungsumgebung für die Erstellung von Webseiten, die kaum Wünsche offen lässt.

Aptana Studio ist auch als Professional Edition erhältlich und bietet für verhältnismäßig wenig Geld Support und einige sinnvolle zusätzliche Features. Als kostenlose Version kann es in eine bestehende Eclipse IDE integriert werden und somit auch den Java-Entwickler glücklich machen, der nun Webseiten erstellen möchte.

Im folgenden möchte ich zeigen, wie diese Kombination installiert und für die Webentwicklung eingerichtet wird. Dabei wird ein weiterer Vorteil von Eclipse/Aptana deutlich: Die Entwicklungsumgebung ist plattformunabhängig. Du kannst also auf Windows, Mac und Linux in der jeweils gewohnten Umgebung arbeiten.

Download

Download EasyEclipse

Die Distributionsseite von EasyEclipse bietet auch ein Paket mit einer LAMP-Serverumgebung an (Linux, Apache, MySQL, PHP), allerdings bin ich eher ein Fan getrennter Projekte auf dem eigenen Rechner. Daher empfehle ich, zunächst das XAMPP-Projekt der Apachefriends zu installieren, das eine umfangreiche Dokumentation im Netz bietet. Ferner ist ein Buch zu XAMPP erschienen, das auf die unterschiedlichsten Ansprüche an Webentwicklungsumgebungen eingeht.

Download von EasyEclipse

  1. Ruf die Distributionsseite des EasyEclipse-Projekts auf.
  2. Lade das Programmpaket von EasyEclipse für PHP herunter (hier Windows XP).

Abb.: Auswahl des gewünschten Programmpakets, hier EasyEclipse für PHP (Windows XP)

Für die Installation der Software auf anderen Systemen verwende die entsprechend gekennzeichneten Links.

Installation (Windows XP)

Installation unter Windows XP

Installation starten

  1. Starte die Installation von EasyEclipse mit einem Doppelklick auf die Datei easyeclipse-php-1.2.2.2.exe.

Abb.: Installationsdialog

Lizenzbedingungen

  1. Stimme den Lizenzbedingungen zu. Da es sich bei EasyEclipse um eine Zusammenstellung mehrerer Programmteile und Plugins handelt, setzt sich die EULA, die Du hier vor Dir hast, aus unterschiedlichen Teilen zusammen. Alles in allem darfst Du das Programm aber mit seinen Bestandteilen sorglos nutzen, ohne dich irgendwelcher Urheberrechtsverletzungen schuldig zu machen. Sowohl Eclipse als auch die beteiligten Plugins und Erweiterungen sind Open Source und stehen unter freien Lizenzen für die kostenlose und freie Verwendung.

Abb.: Akzeptieren der EULA

Installationsverzeichnis wählen

  1. Wähle im nächsten Schritt ein Installationserzeichnis auf Deinem Rechner. Klicke die Schaltfläche Install, um den Installationsvorgang anzustoßen. Die Sprache der Programmoberfläche wirst Du später noch ändern.

Abb.: Auswahl des Installationsverzeichnisses

Installation abschließen

  1. Schließe die Installation mit einem Klick auf die Schaltfläche Close ab.

Abb.: Abschließen der Installation

 

Starten des Programms

Erstmaliges Starten des Programms

Eclipse starten

  1. Starte EasyEclipse (erstmalig nach der Installation).

Arbeitsverzeichnis auswählen

  1. Wähle ein Verzeichnis aus, das Eclipse in Zukunft als Arbeitsverzeichnis verwenden soll. Selbstverständlich kannst Du Deine Wahl später korrigieren und ein anderes Verzeichnis wählen. Ich empfehle, das Wurzelverzeichnis des Webservers anzugeben, das bei einer Standard-XAMPP-Installation aller Wahrscheinlichkeit mit C:\Programme\xampp\htdocs festgelegt wurde.
    Wenn Du in Zukunft unter diesem Pfad Deine Webprojekte anlegst, wirst Du mit dem eingebauten Eclipse-Browser schnell und komfortabel Deine PHP-Programme testen können.
    Ferner empfehle ich, die Checkbox Use this as the default and do not ask again nicht zu setzen, damit es beim Programmstart möglich ist, zwischen verschiedenen Verzeichnissen auszuwählen.

Abb.: Auswahl eines Arbeitsverzeichnisses

Willkommensbereich und Workbench

  1. Nach diesem Schritt heißt Dich das Programm willkommen. Wenn Du gleich loslegen willst, klicke auf das Symbol Workbench.

Abb.: Auswahl der Workbench, um gleich durchzustarten

Standardperspektive von Eclipse

  1.  Sollte bis hierher alles glatt gegangen sein, siehst Du nun die Standardperspektive des Programms.

Abb.: Standardperspektive des Programms

Bitte beachte: Eclipse speichert im Workspace-Verzeichnis einen Ordner .metadata, der die Programmeinstellungen beinhaltet. Achte darauf, dass der Ordner nicht beschädigt oder gelöscht wird, denn dann verlierst Du alle Konfigurationen, die Du im Programm vorgenommen hast.

Lerne im nächsten Schritt, wie Du Eclipse lokalisierst, also auf eine Sprache Deiner Wahl anpasst.

Lokalisierung - Anpassen der Sprache

Lokalisierung - Anpassen der Sprache

Das Tolle an OpenSource-Software ist der Umstand, dass sie in vielen Sprachen verfügbar ist. Die Community arbeitet oft ebenso gemeinschaftlich an der Übersetzung der Anwendung wie an deren Programmierung. Daher ist auch eine sehr umfassende deutsche Anpassung des Programms möglich.

Das Eclipse Babel Projekt

  1. Öffne ggf. Eclipse.
  2. Besuche die Seite des Eclipse Babel Projects, das sich mit der Übersetzung der IDE beschäftigt.
  3. Kopiere den markierten Link in die Zwischenablage.

Abb.: Plugin-URL für Sprachpakete

Updates und Plugins

  1.  Öffne den Dialog, um nach Updates und neuen Features zu suchen.

Abb.: Update-Optionen

Neue Features und Plugins

  1. Wähle im folgenden Dialog die Option, nach neuen Features zu suchen. Klicke dann auf die Schaltfläche Next.

Abb.: Neue Plugins und Features suchen

Neue Plugin-URL eingeben

  1. Klicke im folgenden Dialog auf die Schaltfläche New Remote Site...

Abb: Neue Plugin-Adresse eingeben

  1. Gib anschließend der Adresse einen Namen.
  2. Kopiere die Adresse vom Eclipse Babel Projekt in das Feld URL.
  3. Klicke dann OK.
  4. Am unteren Rand des Dialogs klicke anschließend auf Finish.

Abb.: URL hineinkopieren

Sofern die Verbindung übers Internet klappt, wird nach einer Weile eine Liste mit Spiegelservern angeboten, von denen das Language Pack heruntergeladen werden könnte. Du kannst in der Regel den Vorschlag mit OK akzeptieren.

Sollte der Spiegelserver funktionieren, bietet der folgende Dialog nach einer Weile an, die gewünschten Sprachpakete auszuwählen.

Wahl der gewünschten Sprachpakete

  1. Klicke im folgenden Dialog auf das "+"-Symbol vor Language Packs.
  2. Wähle nun die Sprachpakete aus, die Du installieren möchtest.

Abb: Auswahl der gewünschten Sprachpakete

  1. Klicke anschließend auf Next.
  2. Akzeptiere im nächsten Schritt die Lizenzbedingungen, und gehe weiter mit Next.
  3. Stimme abschließend der Übersicht der zu installierenden Pakete zu, indem Du auf Finish klickst.
    Nach einer Weile meldet sich Eclipse noch mit einer Warnung, an der Du nicht vorbeikommst. Klicke auf Install All und hab ein wenig Geduld, die gewünschten Pakete werden nun installiert.

Abb.: Warnung ignorieren und Installation starten

Beachte bitte: Das Babel Projekt hat erst ca. 88% von Eclipse auf Deutsch übersetzt. Daher wirst Du an einigen Stellen eine Mischung aus Deutsch und Englisch vorfinden.

Neustart der Anwendung

  1. Starte auf Nachfrage die Anwendung neu, damit die Änderungen wirksam werden.

Aptana Studio Plugin für Eclipse installieren

Aptana Studio-Plugin für Eclipse installieren

Super praktisch und komfortabel ist das Plugin Aptana Studio für EasyEclipse. Auch als Stand-Alone-Anwendung zu haben, bietet Aptana für die modernen Sprachen des Netzes eine großartige Entwicklungsumgebung. Seit Mitte Dezember 2008 bietet Aptana Studio auch eine hervorragende Unterstützung für die Entwicklung mit PHP.

Englischsprachige Installationsanleitung auf der Aptana-Website

Aptana stellt eine sehr gute Installationsanleitung in englischer Sprache zur Verfügung, mit der Du Erfolg haben solltest. Im folgenden beschreibe ich den Vorgang auf Deutsch.

  1. Rufe die Seite mit der Installationsanleitung für das Plugin auf.
  2. Kopiere die URL http://update.aptana.com/install/studio/3.2/ unter Punkt 3.3 in die Zwischenablage.

Installationsdialog in Eclipse aufrufen

  1. Rufe in Eclipse den Dialog zum Installieren und Updaten von Software auf.
    Hilfe -> Software-Updates -> Suchen und installieren

Abb.: Mächtige Schnittstelle zur Außenwelt - Plugins und Updates in Eclipse

Ggf. meldet sich in diesem Moment Deine Firewall und sagt, dass Eclipse und Java eine Verbindung nach außen herstellen wollen. Das ist soweit in Ordnung und notwendig. Vielleicht solltest Du Java aber nicht generell gestatten, nach Hause zu telefonieren, sondern immer nur bei diesen Update- und Installationsvorgängen.

  1. Wähle im nächsten Dialog den Punkt Neu zu installierende Features suchen.

 

Abb: Installieren neuer Features

  1. Im nächsten Schritt klicke auf die Schaltfläche Neue ferne Site...

Abb.: Angabe einer neuen Installationsquelle

  1. Vergib den Namen Aptana Studio Plugin, und fülle die URL aus der Zwischenablage ein.

Abb.: Namen und URL eingeben

Nach Updates für Eclipse suchen

  1. Bevor Du weitergehst, aktiviere noch die Checkbox für Updates des Eclipse-Projekts sowie für die automatische Auswahl des Spiegelservers, von dem die Dateien heruntergeladen werden sollen (Automatically select mirrors).

Abb.: Wenn Sie schon dabei sind - nach Updates suchen

Eclipse nimmt nun Verbindung zu einem entfernten Server auf, um nach neuen Updates zu suchen bzw. das Aptana-Plugin herunterzuladen und zu installieren.

  1. Bei erfolgreicher Kommunikation mit dem Server zeigt Eclipse die gefundenen Plugins und Updates an. Wähle mit den Checkboxen alles aus, was Du benötigst.

Abb.: Features und Plugins auswählen

Anmerkung: Beim Schreiben dieses Tutorials bekam ich nach dem Abhaken der obersten Checkboxen eine Fehlermeldung. Daher habe ich ein Patchpaket herausgenommen (s. Abb.).

Gehe weiter zum nächsten Schritt.

Lizenzvereinbarungen akzeptieren

  1. Stimme im nächsten Schritt den Lizenzbedingungen zu.

Abb.: Lizenzvereinbarungen zustimmen

Wenn Du weitergehst, zeigt Dir der folgende Dialog noch einmal an, was Du im Begriff bist zu installieren. Sofern Du einverstanden bist, klicke auf Fertigstellen. Ansonsten gehe zurück, um Angaben zu ändern.

  1. Nach einer längeren oder kürzeren Weile erscheint ein Dialog, der Dich vor dem Installieren unsignierter Features warnt. Zugegeben, hier besteht ein Risiko, allerdings habst Du keine andere Wahl.
    Klicke auf die Schaltfläche Alle installieren.

Abb.: Trotz Warnung installierst Du alle Features

Anmerkung für Mac-UserInnen: Es ist notwendig, die beiden Ordner plugins und features am Ende des Pfades /Applications/EasyEclipse\ for\ PHP\ 1.2.2.2.app/Contents/MacOS/ schreibbar zu machen, sonst bricht der Vorgang während der Installationsphase mit einem Fehler ab: Could not create file!

Firewall konfigurieren

  1. Aptana bietet Dir nach der Installation an, die Firewall des Betriebssystems zu konfigurieren, damit die Arbeit mit dem internen Server möglich wird. Wenn Du Aptana vertraust, stimmst Du dem zu. Prüfe anschließend die Veränderungen, die Aptana an der Firewall vollzogen hat.

Abb.: Firewall konfigurieren

Neustart des Programms

  1. Stimme einem Neustart des Programms zu. Ist alles gut verlaufen, zeigt Eclipse anschließend die Homepage von Aptana an.

Abb.: Eclipse begrüßt Dich nach der Installation mit der Homepage des Aptana-Projekts

Links und Buchtipps

Links und Buchtipps

Bücher

Chow, Shu-Wai, "PHPEclipse: A User Guide", Packt Publishing, 2006
Durch die Vorzüge des Programms Eclipse wird anhand eines Beispiels geführt, das auf objektorientiertem PHP sowie einer MySQL-Datenbankanbindung aufbaut. Das Beispiel ist einfach gewählt und relativ leicht nachvollziehbar.
Im hinteren Teil des Buch kommen Themen wie Dokumentation und Debugging zur Sprache. Sehr empfehlenswert!

FAQ, Tipps und Tricks

Was nicht im Zusammenhang des Tutorials zu Eclipse erklärt werden konnte, steht zusammenhanglos in den folgenden Kapiteln.

Wo steht, welche Eclipse-Version ich habe?

Unter dem Menüpunkt Hilfe -> Info über Eclipse-Plattform lassen sich alle Details zu Features und Plugins sowie zur Versionsnummer von Eclipse auflisten.