3 manieren om webdeling terug te brengen in OS X Mountain Lion

Met de introductie van OS X Mountain Lion was een functie die niet sneed Web delen. Het is misschien niet op grote schaal gebruikt, maar voor ontwikkelaars diende het als een snelle manier om een ​​website te hosten. Laten we drie verschillende manieren bekijken om deze functie terug te brengen.


Vereiste definities

Waar we naar zullen kijken, zal geschikt zijn voor beginners tot gevorderde gebruikers, maar sommige zullen misschien een aantal betekenissen of software niet kennen.

  • Apache - Een open-source HTTP-serversoftware die de meest gebruikte HTTP-server is die op tientallen miljoenen servers over de hele wereld wordt gebruikt.
  • localhost - Een netwerkterm die verwijst naar de lokale host (de computer waarop u werkt). Wanneer u een webserver gebruikt, krijgt u meestal toegang tot sites via http: // localhost. Je Mac kan alleen toegang krijgen tot sites die worden gebruikt localhost, dus als je dit adres ergens anders probeert te gebruiken, zal het niet werken. U kunt het IP-adres van uw Mac echter vervangen door localhost. Als u een site wilt bekijken een ander Mac, simpelweg vervangen localhost met zijn IP-adres.
  • MySQL - De meest populaire open-source database.
  • PHP - Een open-source server-side scriptingtaal. Software zoals Wordpress, Joomla en Drupal gebruiken zowel PHP als MySQL.
  • ports - Zowel Apache als MySQL gebruiken iets dat een poort wordt genoemd. Het doel van poorten is om op unieke wijze verschillende toepassingen of processen te identificeren die op een enkele computer worden uitgevoerd. Wanneer u een website bezoekt via uw browser, gebruikt u gewoonlijk poort 80, de standaardpoort voor Apache. Wanneer u een site bezoekt zoals http://mac.tutsplus.com - wat eigenlijk laadt is http://mac.tutsplus.com:80. Probeer het, ga naar een willekeurig adres en : 80 tot het einde ervan en het laadt zoals normaal. Probeer een ander willekeurig nummer en het zal waarschijnlijk niet werken. Voor de doeleinden van deze tutorial gaan we hier niet echt heel gedetailleerd op in, maar het is de moeite waard om het te leren kennen!
  • stack - Een verzameling tools die zijn ontworpen om samen te werken om een ​​gemeenschappelijke omgeving te creëren. Een veel voorkomende stack is LAMP - Linux, Apache, MySQL en PHP. Al deze tools vormen de basis voor een volledig operationele webserver.

Aambeeld

Gratis

Anvil is een menubar-toepassing waarmee u snel testomgevingen voor statische HTML- en rack-apps kunt instellen. Telkens wanneer u een project toevoegt, geeft u de adresnaam op die als achtervoegsel wordt gebruikt .dev. Je hebt hier veel sneller toegang tot op je Mac dan een adres dat alle soorten schuine strepen en tekens bevat.

Anvil is eigenlijk een grafische interface voor een opdrachtregeltoepassing genaamd Pow. Pow is wat krachten aambeeld en biedt de mogelijkheid om websites te maken op uw Mac die u lokaal kunt gebruiken met behulp van een .dev domeinnaam. Omdat Pow een echt handig hulpmiddel is voor mensen die misschien niet zo handig zijn in Terminal, maakt Anvil het gemakkelijk om het op te zetten.

Omdat het is ontworpen om meerdere omgevingen in te stellen, is het niet alleen een geweldige manier om snel eenvoudig web delen in te stellen, maar kunt u zoveel sites hebben als u wilt..

Installatie

  1. Download aambeeld van de aambeeld voor Mac-site.
  2. Sleep de app naar uw map Toepassingen en open deze.

Dat is Anvil geïnstalleerd!

Opstelling

Omdat Aambeeld Pow vereist, ziet u bij de eerste keer laden de optie Pow installeren voordat u hem gaat gebruiken. Wanneer u op Installeren klikt, ziet u Terminal geopend en gebeurt er iets magisch.


Aambeeld vereist een tool genaamd Pow om uit te voeren

Maak je geen zorgen, Anvil zorgt hier voor je voor. U moet uw wachtwoord invoeren in het Terminal-venster wanneer u hierom wordt gevraagd en vervolgens op Enter drukken. Zodra het is geïnstalleerd, verlaat u Terminal en bent u klaar om te vertrekken!


Pow installeert via Terminal, maar maak je geen zorgen, het is pijnloos!
Wanneer Pow is geïnstalleerd, meldt Anvil dat het klaar is om te gebruiken.

Gebruik

Om een ​​nieuwe site toe te voegen, klikt u eenvoudig op de knop "Een site toevoegen" en selecteert u een map waarin uw HTML-bestanden zich bevinden. Als u een lege map kiest, maakt Anvil een voorbeeld index.html voor jou.


Sites worden weergegeven onder de menubalk van het aambeeld

Anvil zal u vervolgens vragen om een ​​naam voor de site te bevestigen, gevolgd door .dev. Ga naar deze URL in uw browser en dat is alles! U kunt deze stappen vervolgens herhalen om zoveel sites toe te voegen als u wilt.


Zodra een site binnen Anvil is gemaakt, kunt u deze in uw browser openen

MAMP

Kosten: gratis (Pro-versie beschikbaar)

Als u op enig moment in webontwikkeling of het beheer van een webserver bent geweest, is de kans groot dat u iets tegenkomt dat LAMP wordt genoemd. MAMP is slechts het Mac-equivalent - Mac, Apache, MySQL en PHP. Hoewel kan worden beweerd dat PHP en zelfs MySQL misschien niet eens nodig zijn om een ​​webserver te laten werken (en inderdaad voor statische HTML-inhoud met een beetje Javascript, dat zijn ze niet), zijn Apache, MySQL en PHP de hoekstenen van het moderne web ontwikkeling. PHP is de meest voorkomende webontwikkelingstaal en MySQL de meest gebruikelijke database.

Klinkt dit ingewikkeld? Maak je geen zorgen, een softwarebedrijf genaamd appsolute heeft een Mac-app gemaakt met de naam MAMP die geen Terminal-betrokkenheid vereist en volledig onafhankelijk is.

MAMP biedt een volledig webserverplatform voor uw Mac dat u maatwerk biedt voor functies zoals Apache-modules, PHP-versie en zelfs welke poorten u wilt gebruiken (dus u zou kunnen hebben http: // localhost: 8888 in plaats van het gebruikelijke http: // localhost).

Installatie

  1. Download MAMP van de MAMP-site.
  2. Sleept de MAMP map naar uw map Programma's en open deze.

Nogmaals, installatie is een briesje en dat is alles wat er is.

Gebruik

MAMP bevat alle benodigde bestanden binnen de MAMP map. Standaard gebruikt MAMP de map htdocs dat is in de MAMP map. Vervolgens krijgt u toegang tot websites die u maakt htdocs met het adres http: // localhost.

Zodra u MAMP opent, is het heel gemakkelijk om te zien wat wat is. Er is een stoplicht aan de linkerkant om je te vertellen of Apache en MySQL actief zijn (ze zijn niet op het moment). Er is een eenvoudige start / stop-knop en een optie voor voorkeuren.


MAMP-configuratiescherm
MAMP is klaar voor gebruik!

Raken Start servers en MAMP begint te lopen, de lampjes veranderen van rood naar groen en je browser wordt geopend voor het adres http: // localhost: 8888 / MAMP / language = Engels.


MAMP's startpagina.

MAMP gebruikt nu een uniek poortnummer voor zijn Apache en MySQL. Als je het in het eerste deel van deze tutorial onthoudt, weet je dat Apache standaard poort 80 gebruikt. MAMP begint eigenlijk met poort 8888. Dit betekent dat je gewoon toevoegt : 8888 tot het einde van http: // localhost.

Verwijder de / MAMP /? Language = Engelsvan de URL en druk op enter. U krijgt een standaardpagina met de melding dat alles draait en werkt. http: // localhost: 8888 is de htdocs map. Voeg daar bestanden en mappen toe en open ze via uw browser.


MAMP's standaardpagina in htdocs.

Tip:Als u Wordpress wilt installeren, kunt u het downloaden en in de map plaatsen / Htdocs / wordpress en zou dan toegang hebben via http: // localhost: 8888 / wordpress.

voorkeuren

Start Stop
De eerste optie toont basisfuncties. We kunnen kiezen of we willen dat MAMP automatisch wordt gestart wanneer we de app openen en of deze wordt afgesloten wanneer we deze sluiten. Dit is handig, want we kunnen er zeker van zijn dat zolang de MAMP-applicatie draait, we weten dat de webserver dat is.


MAMP-voorkeuren

ports
MAMP gebruikt zijn eigen poorten die nuttig kunnen zijn voor ontwikkeling. Als u liever de standaardpoorten gebruikt, kunt u op de knop klikken om dit te doen. Houd het zoals het nu is.

Het doel van poorten is om op unieke wijze verschillende toepassingen of processen te identificeren die op een enkele computer worden uitgevoerd. Wanneer u een website bezoekt via uw browser, gebruikt u gewoonlijk poort 80, de standaardpoort voor Apache. Wanneer u een site bezoekt zoals http://mac.tutsplus.com - wat eigenlijk laadt is http://mac.tutsplus.com:80.


MAMP-voorkeuren

PHP
Je kunt aangeven welke versie van PHP je wilt gebruiken, PHP 5.2.x of 5.4.x. Waarom zou je dat willen doen? Voor ontwikkelaars hebben ze mogelijk een PHP-toepassing in 5.2 geschreven die niet in 5.4 werkt. Als alternatief is PHP 5.2 breder gebruikt en stabiel, PHP 5.4 is nog redelijk nieuw (zoals je kunt zien aan het aantal versies in het derde deel van het versienummer).

Apache
Hier kunt u opgeven welke map moet worden gebruikt als de standaardmap om al uw bestanden te hosten. Standaard is dit de htdocs map. Je kunt ergens anders aangeven als je dat wilt.


MAMP-voorkeuren

Aanvullende Extra's

MAMP wordt geleverd met een aantal geweldige ingebouwde hulpprogramma's die toegankelijk zijn via de MAMP-startpagina die u ziet wanneer u MAMP start of die u op elk moment kunt bekijken door te klikken Open startpagina in de MAMP-app.

PHP Info
Geeft u informatie over uw PHP-versie en welke functies beschikbaar zijn.

xcache
Beheert je PHP-setup om een ​​aantal handige caching-tools te bieden om de PHP-snelheid te verhogen en de CPU-belasting te verminderen.

PHPMyAdmin
Een zeer populaire webgebaseerde interface voor het beheren van MySQL-databases.

SQLite Manager
Als u liever SQLite gebruikt in plaats van MySQL, dan is deze tool ook inbegrepen.

MAMP PRO

Er is een betaalde professionele versie van MAMP genaamd MAMP PRO. Het biedt extra functies, zoals het kunnen opgeven van hostnamen voor elke site op je Mac, dus in plaats van gebruiken http: // localhost / wordpress je zou kunnen gebruiken http://wordpress.dev of wat je maar wilt. Er is ook meer controle over de modules die Apache zal gebruiken en meer controle over PHP. Om een ​​site te laten draaien, is MAMP meer dan genoeg. U kunt hoe dan ook een gratis proefversie van MAMP PRO downloaden, die ook MAMP bevat.


MAMP PRO biedt meer functies dan MAMP tegen lage kosten.

Dropbox

Gratis

"Wacht wat? Is Dropbox geen hulpprogramma voor het synchroniseren van bestanden? "Ja, dat is het wel! Dropbox bevat echter een zeer nuttige functie als u niet vaak een eenvoudige HTML-site toegankelijk moet hebben. Als je op een kleine site werkt zonder grote bestanden, dan kan het handig zijn als je in een augurk bent. Om dit te doen, gaan we van de Dropbox profiteren Openbaar map.


Dropbox bevat een handige openbare map waartoe iedereen overal toegang heeft met de juiste URL.

Bestanden in deze map zijn toegankelijk via internet, mits u weet op welke speciale URL u bent gebaseerd http://dl.dropbox.com/u/0000000/filename.html (waar 0000000 is eigenlijk je unieke Dropbox-gebruikers-ID). In tegenstelling tot het delen van een bestand dat alleen een unieke en willekeurig creatieve link naar dat bestand biedt, kunt u met uw openbare map een kleine en eenvoudige website uitvoeren als bestanden in uw Openbaar map begint met http://dl.dropbox.com/u/0000000.

Opstelling

Setup vereist een Dropbox-account. Als je er geen hebt, kun je je hier aanmelden en de Dropbox-app downloaden.

Dropbox-accounts gemaakt na 4 oktober 2012 zal geen hebben Openbaar map. Alle accounts die vóór die datum zijn gemaakt, bevatten een Openbaar map. Maak je geen zorgen als je net je account hebt aangemaakt, je kunt deze speciale link gebruiken om de Openbaar map. Terwijl Dropbox mensen wegbrengt bij de Openbaar map omdat ze nieuwe functies voor delen hebben geïntroduceerd, kunt u er desgewenst nog steeds een maken.

Gebruik

Stap 1: Maak een map in uw openbare map met de naam "mactutsrules", of wat u maar wilt.


Stap 2: Maak een nieuw document in TextEdit en voer het bovenstaande in (zorg ervoor dat onder de Formaat menu in Teksteditor, het document is platte tekst).


Stap 3: Sla het document op in de map "mapmappen" als index.html (selecteer "gebruik .html" als de extensie).

Stap 4: Ga naar Dropbox en log in. Ga naar uw map "Public" en vervolgens naar uw map "mactutsrules", gevolgd door rechts klikken op het bestand index.html.


Stap 5: Kopieer die link en plak deze in een nieuw browsertabblad / -venster. Als alles goed is gegaan, zou u "Mactuts Rules!" In uw browser moeten zien!

Nu zijn er enkele waarschuwingen met Dropbox-webhosting ...

  1. Je kunt niet zomaar het eerste deel van je openbare link invoeren en verwachten dat het automatisch naar een verwijst index.html bestand - u moet dit specificeren.
  2. Geen server-side scripting. Dit betekent geen PHP of MySQL. Als u ooit MobileMe voor webhosting hebt gebruikt, gelden dezelfde beperkingen.
  3. U moet verbonden zijn met internet zodat uw Dropbox-bestanden worden gesynchroniseerd met de cloud.

Voor een snelle manier om een ​​site op te zetten, is het geweldig.


Afsluiten

Er zijn nog een paar andere methoden die we niet hebben onderzocht. Mountain Lion wordt bijvoorbeeld nog steeds geleverd met ingebouwde Apache, dus met behulp van een Terminal-truc, zou je een oplossing kunnen uitwerken. Ik wilde hier weg van blijven, zodat degenen die zich ongemakkelijk voelen bij het gebruik van Terminal nog steeds kunnen zien welke opties beschikbaar zijn. Hoewel Apache mogelijk is geïnstalleerd, vereisen services als PHP en MySQL extra werk om te installeren, dus het gebruik van iets als MAMP is een veel eenvoudiger (en naar mijn mening betere) oplossing dan de ingebouwde opties van OS X.

Kent u andere manieren om webdeling binnen Mountain Lion uit te voeren? Ben je beïnvloed door het verwijderen van de functie tijdens het upgraden? Laat het ons weten in de comments!