Webseite auf Lokalen Servern mit XAMPP hosten?
Hallo,
wie kann ich meine selbst programmierte Webseite auf einen Lokalen Server mit XAMPP hosten?
Funktioniert es, wenn ich die Seite mit CSS und HTML erstelle und dann die Chrome Seite in XAMPP auf einen lokalen Server hoste?
Bitte um Hilfe, Danke!
5 Antworten
Moin,
eine Chromeseite kenne ich auch nicht, aber die Funktionen von Xampp, da ich das selber als Testumgebung nutze.
Du erstellst mit einem x-beliebigen Programm oder notepad++ eine Homepage/Webseite, die Startseite muß index.html oder index.php heissen, je nachdem was du ausführen willst.
Eine css.style erstellst du z.b. mit notepad++ oder jedem anderen Texteditor.
Wie der head-Aufbau ist kannst du selfhtml entnehmen oder anderen Internetseiten.
Du erstellst in xampp im htdocs einen Ordner z.B. homepage und dort speicherst du deine index.html und css.style (kann so heissen), ab.
Der Aufruf im FireFox oder welchen Browser du verwendest ist dann entweder: http://127.0.0.1/homepage/index.html oder auch ohne der Datei oder http://localhost/homepage mit oder ohne index.html.
Wenn die Dateiendung richtig ist, siehst du zumindest das nackte Gerüst deiner Homepage, wenn die css.style nicht richtig eingebunden ist.
Aber das gibt zumindest schon mal einen Anfang. Alles weiter ist lernen, lernen, lernen....
Viel Spaß beim Homepagebau.
Übrigends, mann sogar wordpress in Xampp installieren, dazu mußt du dir eine Datenbank anlegen. Sehr gute Hilfe bietet da das deutschsprachige Forum von Xampp https://www.apachefriends.org/de/index.html
Grüsse von katzebiggi und bleib gesund
Im einfachsten Fall:
- Im Installationsverzeichnis von XAMPP das Unterverzeichnis "htdocs" finden.
- Die zur Website gehörenden Dateien in dieses Verzeichnis packen. (ggf. die bereits vorhandenen Inhalte verschieben/entfernen)
- Im Browser http://localhost/ aufrufen.
P.S.: Was zum Geier ist denn eine "Chrome Seite"? o.O
Das sind ebenfalls Dateien...
Schau dir nochmal Schritt 2 an: Die Dateien, so wie sie sind, in den Ordner packen.
Bedeutet:
- PHP-Dateien als PHP-Dateien
- HTML-Dateien als HTML-Dateien
- CSS-Dateien als CSS-Dateien
- usw...
- Zuerst musst du Xampp auf deinem Rechner installieren. Die Installstionsdatei findest du hier:
https://www.apachefriends.org/de/index.html
- Anschließend öffnest du das Programm und aktivierst im Controllpanel den Apache Webserver
- Schließlich kopierst du deine Dateien in den Ordner XAMPP/htdocs/. Deine Startseite muss index.html oder index.php heißen.
- Schließlivh rufst du deine Seite über fie Eingabe von 127.0.0.1 in deinem Browser auf. Die Seite ist nur innerhalb deines Netzwerks erreichbar.
Ich begann mit dem Port-Forwarding auf der Vodafone Station unter kabelbox.local, einloggen, evtl. oben links auf Experten-Modus ändern, dann Registerkarte Internet, Port-Forwarding, unter Port-Forwarding auf das + klicken, Gerät auswählen, passenden Dienstnamen, Protokoll TCP/UDP, Port-Bereich WAN und LAN bspw. 444-499, Anwenden. Auf den passenden Switch klicken, dass er grün wird.
Xampp wird wunderbar durch cmd => winget install ApacheFriends.Xampp.X.X installiert und über winget upgrade aktualisiert. Einmal gestartet kann man über Config, Service and Port Settings, Registerkarte Apache den Main Port sowie SSL Port auf eine etwas seltenere Port-Nummer ändern, bspw. 444 und 446, Save, Save. Evtl. vorher Change Language auf Deutsch aber ganz ehrlich, für jeden Tipp, den man erhält, ist es besser alles auf Englisch zu belassen.
Dann Module Apache Config, die httpd.conf öffnet sich und unter Listen bspw. 444 eingeben, unter httpd-ssl.conf kann man Listen zu 446 ändern. Start. Im Browser unter localhost:Portnummer sieht man wunderbar die XAMPP-localhost-Page. Aber von außen komme ich nicht durch. Wo klemmt es?
Na, die Firewall von Windows 10 musste ausgeschaltet werden. Also Windows-Sicherheit bspw. über das Tray-System-Menü (SystemTrayMenu bzw. Systray https://de.wikipedia.org/wiki/Benachrichtigungsfeld ) oder über Start, suchen nach Windows-Sicherheit und unter Firewall- & Netzwerkschutz und (höchstwahrscheinlich) Öffentliches Netzwerk (aktiv?) die Firewall ausschalten.
Schon konnte ich am Smartphone und mittels Firefox für Android über die SIM-Karte also mobilem Internet und der DNS:IP-Port die XAMPP-localhost-Page sehen.
Anscheinend wird das Port-Forwarding (444-499) in der Vodafone Station gelöscht, wenn man sich über WLAN einwählte und die Verbindung später abbrach.
Dass das eine unsichere Konstellation ist, sollte klar sein. Hilfreich ist das hier https://www.vodafonekabelforum.de/viewtopic.php?p=741018#p741018
https://community.apachefriends.org/f/viewtopic.php?f=4&t=83672
Ja das funktioniert so.
Ich habe die Webseite in den Xampp Ordner hochladen. Funktioniert leider nicht
Was für hochladen? Du machst die Dateien einfach direkt rein.
ES kommt nur die Meldung: Objekt wurde nicht gefunden!
Wie rufst du die Website denn auf? Und was ist im Websiteordner?
Das ist nicht korrekt. Das hochladen direkt in den XAMPP-Ordner hat keinen Effekt.
Das der Server läuft und im LAN angebunden ist habe ich mal vorausgesetzt.
Das ist nicht das Problem. Der root-Ordner ist htdocs und nicht der XAMPP-Ordner selbst.
Ich meinte dann eben "Du machst die Dateien einfach direkt (in den richtigen Ordner!) rein."
Funktioniert es, wenn ich die Seite mit CSS und HTML erstelle und dann die Chrome Seite in XAMPP auf einen lokalen Server hoste?
Was ist eine "Chrome Seite"?
Ansonsten ja, natürlich kannst Du eine Webseite mit beliebigen Werkzeugen gestalten und auf einem lokalen Webserver hosten. Ob Du dafür XAMPP verwendest oder der Webserver anderweitig installiert ist, ist dabei unerheblich.
Muss ich die Datei als PHP-Datei in den Ordner packen? Oder nur den Code?