Hochschule Darmstadt Fachbereich Informatik

Transkript

1 Hochschule Darmstadt Fachbereich Informatik Entwicklung webbasierter Anwendungen Tipps und Tricks zur Software Installation 1

2 Vorbemerkung Auf den Laborrechnern ist natürlich alles installiert! Die Installation der Webumgebung für das Praktikum auf einem Rechner ist nicht ganz trivial, aber es gibt ein Gefühl für die Komplexität der Sache es hilft beim Verständnis der Zusammenhänge es bereitet auf ein echtes Webprojekt vor Falls Sie die Software auf Ihrem privaten Rechner installieren möchten, finden Sie hier eine Liste von Software, die im Praktikum oder in der Vorlesung verwendet wird Tipps zur Installation und Konfiguration Anweisungen für einen Kurztest Lösungen für bekannte Probleme Die auf den folgenden Seiten angegebenen Versionsnummern sind nur als Beispiele gemeint; mit diesen Versionen wurde die Anleitung getestet. Sie können aber in der Regel immer die neueste Version verwenden. Die Installation kann sich dann aber leicht unterscheiden. 2

3 Webserver installieren Apache Webserver, MySQL, PHP, Perl xampp V installieren oder - nicht als Service sondern für manuellen Start und Stopp - Wir brauchen für EWA nur Apache, PHP, MySQL Diese Version ist auch im Labor installiert! An den Inhalt der Umgebungsvariablen "path" ; C:\xampp\php (mit Semikolon!) anhängen - unter Windows: Systemsteuerung System Erweitert Umgebungsvariablen Systemvariablen Vorsicht! Nicht den "alten" path löschen! Neue Umgebungsvariablen gelten erst in einer neu geöffneten Dos-Box! 3

4 Minimale Sicherheit! Webserver (minimal) absichern In der httpd.conf Datei des Apache (üblicherweise in C:\xampp\apache\conf\) - ersetzen Sie Listen 80 durch Listen :80 dann akzeptiert Apache nur noch lokale Anforderungen Starten Sie Apache und MySQL über das XAMPP Control Panel rufen Sie auf: - Wenn Sie XAMPP begrüßt, läuft jetzt Ihr Webserver - Wählen Sie links Sicherheitscheck - Setzen Sie die Passwörter über den angebotenen Link - Die Warnung Diese XAMPP-Seiten sind über's Netzwerk erreichbar ist falsch, wenn Sie das obige Listen :80 eingetragen haben Starten Sie keine Dienste, die Sie nicht brauchen - z.b. FTP, mercury Mail Achtung! Mit localhost statt in der Apache-Konfiguration gibt es oft Probleme! Falls Apache nicht startet, können Sie mit C:\xampp\apache\bin\ httpd.exe t eine Syntaxprüfung der httpd.conf aufrufen! Skype verwendet ebenfalls standardmäßig Port 80! Gegebenfalls in den Skype- Einstellungen ändern. 4

5 Praktische Plugins für Firefox DOM Inspector Firebug Tool zum Anschauen des DOMs einer Webseite Debugger für HTML, CSS, JavaScript Inspect Context bzw. InspectThis Web Developer über das Kontextmenü direkt an die angeklickte Stelle im DOM springen Sammlung von praktischen Tools und Befehlen (z.b. zum Deaktivieren des Caches oder zum Aufruf des HTML-Validators) Live HTTP Headers Selenium IDE HTTP-Kommunikation zum Anschauen Aufnehmen, Konfigurieren und Ablaufen lassen von GUI-Tests Einzeln laden unter (nur Selenium IDE) 5

6 Editoren Für die Webentwicklung gibt es diverse Editoren, die irgendwo zwischen einem primitiven Editor und einer WYSIWYG-Anwendung liegen in der Veranstaltung geht es um die Grundlagen und deshalb sollen Sie den Code / die HTML-Tags etc. selbst erstellen verwenden Sie einen einfachen Editor mit Syntax-Hervorhebung für HTML, CSS und PHP z.b. Notepad++ oder was auch immer Ihr Lieblingseditor ist aber bitte keine "Luxuseditoren" wie Dreamweaver 6