In diesem super schnellen Screencast verwenden wir MAMP, um eine URL für die lokale Entwicklung einzurichten. Das ist aus verschiedenen Gründen nützlich
- Wir können über relative Links vom Root auf Ressourcen verweisen, z.B.
background: url(/images/something.jpg); - TypeKit-Schriftarten können funktionieren, da wir diese spezielle URL „zulassen“ können.
- Dies werden wir später sowieso brauchen, wenn wir mit PHP beginnen.
- Es macht Spaß, sich seltsame TLDs (Top-Level-Domains) auszudenken. Unsere heißt v10.whatup
Ohne MAMP fügen Sie diese Zeile zur /etc/host-Datei hinzu
Bearbeiten Sie die Apache-Konfiguration (/etc/apache2/extra/httpd-vhosts.conf)
Um dies schließlich zu aktivieren, fügen Sie diese Zeile zur Datei /etc/apache2/httpd.conf hinzu
… dann starten Sie Apache mit dem Terminal-Befehl neu
Ich habe buchstäblich 3 Tage lang die Hölle durchgemacht, weil ich bei diesem Prozess feststeckte. Anscheinend erfordern die neuen Konventionen die Reihenfolge der Zeilen „allow, deny“
allow from all
zu
require all granted
Voilà, jetzt kann ich weitermachen :)
Für den Rest von Ihnen, die MAMP Pro oder etwas anderes nicht haben, das Ihnen eine nette grafische Benutzeroberfläche zum Erstellen lokaler URLs bietet, können Sie dies manuell tun, indem Sie Ihre Hosts-Datei bearbeiten.
– Mac: /private/etc/hosts
– Windows: /system32/drivers/etc/hosts
Fügen Sie am Ende der Hosts-Datei einen neuen Eintrag im folgenden Format hinzu
Öffnen Sie dann die Datei „httpd-vhosts.conf“ von Apache. Möglicherweise müssen Sie die Datei suchen, aber hier befindet sie sich auf meiner Installation (Standard-MAMP für Mac).
– /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf
**DocumentRoot sollte der Pfad zu Ihrer Website sein**
Speichern Sie und laden Sie Apache neu. Sie sollten jetzt über http://v10.whatup auf Ihre Website zugreifen können
Oh, Nelson war mir zuvorgekommen :(
Nachdem ich alle Schritte befolgt habe (mit MAMP Free), erhalte ich diese Meldung. Irgendeine Idee warum? Forbidden
Sie haben keine Berechtigung, auf / auf diesem Server zuzugreifen.
Zusätzlich wurde ein 403 Forbidden-Fehler festgestellt, als versucht wurde, ein ErrorDocument zur Behandlung der Anfrage zu verwenden.
Wenn ich die Datei herunterlade, bewegt sich der Downloadfortschritt nicht. Normalerweise lade ich sie herunter, da das Puffern der Videos auf dieser Seite wirklich lange dauert, und dies sind ziemlich große Dateien, auch wenn einige nur weniger als 10-15 Minuten dauern :(
Beste Ergebnisse == Seite vor dem Klicken auf den Download-Button aktualisieren.
Für diejenigen unter Ihnen, die MAMP Pro haben und ihre Websites auf anderen Geräten (wie Handys/Tablets) aufrufen möchten, verwenden Sie ServerAlias, um Ihre Dev-Sites einzurichten, zum Beispiel;
ServerAlias mysite.*.xip.io
ServerAlias mysite.whatup
Wenn Sie dann Ihr Telefon/Tablet usw. im selben Netzwerk herausholen und zu mysite.(whateveryourserveripis).xip.io gehen, wird dieses Ding geladen.
Zum Beispiel wäre mein mysite.192.168.0.100.xip.io – dies ist auch super genial, wenn Sie Adobe Shadow mit Chrome verwenden, da Sie Remote-Debugging durchführen können.
Als Ergänzung zum Obigen. Wenn Sie über mysite.192.xxx.yyy.zzz.xip.io auf die Website zugreifen – stellen Sie sicher, dass Sie, wenn Sie beispielsweise WordPress verwenden, Ihre Site-URL/WordPress-URL in Ihrer SQL entsprechend einstellen, da WordPress sonst alle URLs usw. relativ zu mysite.whatup und nicht zu der Domain macht, die Sie eingeben.
Safari 6 lässt Sie auch den Inspektor verwenden, um mit Safari unter iOS zu interagieren… zumindest auf iOS 6.
Ich habe gerade MAMP Pro gekauft – weil ich dachte, es wäre cool. Als ich es installierte, funktionierte MySQL nicht und anstatt dass die Website mywebsite.v1 funktionierte, musste ich mywebsite.v1:8888 schreiben.
Gibt es dafür eine schnelle Lösung? Ich habe die kostenlose Version von MAMP noch nicht gelöscht.
Danke
Ändern Sie den Apache-Port auf 80. Ich denke, das sollte es tun.
http://cl.ly/JUrU
Vielen Dank
Hallo Chris, das reine Ändern der Ports auf „Standard“ (80, 3306) in MAMP verursachte einen Konflikt mit dem Standard-Apache (zumindest auf meinem System). Aber ich habe diesen schönen Artikel gefunden Arbeiten mit Apache Port 80 localhost in MAMP, der für mich tatsächlich gut funktionierte. (… und ich bin normalerweise mit dem Terminal am Arsch, uahhh) Für alle, die sich fragen, warum Sie keine Aktivität sehen, wenn Sie Ihr Passwort im Terminal eingeben: Das ist Standardverhalten (niemand kann über Ihre Schulter schauen), tippen Sie einfach und drücken Sie Enter. Cheers Thomas
Dieses Video scheint deplatziert zu sein und würde besser zu #015 passen, da es dort ansetzt, wo #014 aufgehört hat. Die Videos #015 und #016 fügten die Icon-Schriftarten und Media Queries hinzu, aber diese sind in diesem Video nicht vorhanden. Nur meine Meinung…
Ich habe die gleiche Idee.
Ich wollte das nur kommentieren, falls jemand anderes damit herumtroubleshooten sollte.
Eine kleine, aber potenziell riesige Sache bei der Verwendung von MAMP Pro. Es hat mich zwei Tage gekostet, um herauszufinden, dass MAMP Pro eine Seite mit der Endung .htm nicht bedient – kein Witz, ich war fassungslos, wie Chris das im Video mühelos geschafft hat, aber der einzige Weg, meine Seite in einem Browser anzuzeigen, war, einen index.php zu verwenden und die index.htm-Seite als Include einzufügen.
Zuvor, wann immer ich versuchte, den Server mit Mamp Pro zu öffnen, erhielt ich die Meldung „Sie haben keine Berechtigung, auf / auf diesem Server zuzugreifen.“ Sobald ich index.htm in index.html geändert habe, erschien die eigentliche Seite. Ich hoffe, das ist nützlich für jemanden.
Gab es eine einfache Lösung für das Font-Flash beim Laden der Seite?
Außerdem könnte ich wahrscheinlich die anderen Videos durchsuchen, aber was war die Lösung für das Font-Flash beim Laden der Seite?
1) Sie müssen sich keine Sorgen machen, wenn Sie den normalen TypeKit-Einbettungscode verwenden.
2) Wenn Sie asynchron gehen, müssen Sie lediglich die Klasse wf-loading zu Ihrem HTML-Element hinzufügen und dann Elemente ansprechen, die diese Schriftart verwenden, und ihnen visibility: hidden; zuweisen, bis diese Klasse verschwindet (was die TypeKit JS tut).
http://help.typekit.com/customer/portal/articles/6852-Controlling-the-Flash-of-Unstyled-Text-or-FOUT-using-Font-Events