7AMP - Een ontwikkelomgeving creëren

Het runnen van een lokale ontwikkelingswebserver is een van de beste manieren om AJAX te leren; het lezen ervan is één ding, maar in staat zijn om de onbewerkte gegevens heen en weer te sturen tussen een browser en een server is echt het enkel en alleen manier om echt te begrijpen wat er op een fundamenteel niveau gebeurt. Om de dynamische en interactieve apps en sites te maken die we kennen en waar we van houden, jij nodig hebben een ontwikkelserver.

Op Windows-systemen hebben we echt maar een paar fatsoenlijke opties beschikbaar; we kunnen Microsoft Internet Information Services (IIS) gebruiken, meestal gebundeld met Ultimate of Business-versies van Windows, of we kunnen Apache gebruiken, het extreem populaire open-source alternatief. Weet je nog toen Microsoft een marktaandeel van 90% van de browsermarkt genoot? Apache is de MS van de webserverwereld en heeft op sommige punten in zijn illustere historie bijna volledige overheersing genoten in zijn respectievelijke vakgebied.

IIS is over het algemeen vrij eenvoudig te configureren omdat het een grafische interface gebruikt en redelijk intuïtief is, maar IIS is gericht op ontwikkeling met het .net-framework; .net is een eigen taal en over het algemeen heb je iets nodig als Visual Studio om er webtoepassingen mee te bouwen. Visual Studio is niet goedkoop (hoewel er gratis exprespostversies beschikbaar zijn en als je echt hardcore bent, kun je kladblok gebruiken om de code te schrijven) en veel mensen geven de voorkeur aan het open-source alternatief PHP.

Op dezelfde manier is MSSql een perfect adequate databaseoplossing van Microsoft, maar net als het andere aanbod is het ook een eigen technologie. Mysql is gratis, open-source en heel erg populair. Het is eenvoudig te gebruiken, robuust en schaalbaar en daarom geven veel ontwikkelaars er de voorkeur aan. Om een ​​ontwikkelomgeving te creëren die we echt zo min mogelijk willen uitgeven, zijn onze keuzes hier duidelijk: Apache als platform, PHP als servertaal en Mysql als opslagtechnologie. Maar al deze technologieën met elkaar laten praten is niet zo eenvoudig als het uitvoeren van een paar installatieprogramma's.

Ermee beginnen

Allereerst moeten we de installatieprogramma's voor Apache en MySQL downloaden en de bestanden die nodig zijn om PHP uit te voeren. De installatieprogramma's zijn te vinden op de volgende locaties:

  • http://httpd.apache.org/download.cgi
  • http://dev.mysql.com/downloads/mysql/5.1.html#downloads

Kies op de bovenstaande pagina's de juiste MSI-pakketten voor uw platform (bijvoorbeeld x64 of x32) en vereisten (u kunt ook de volledige SSL-versie van Apache kiezen). Met PHP willen we echter niet het installatieprogramma, we willen het zip-bestand dat alle PHP-bestanden bevat, want er is meer in dit pakket dan met het standaard installatieprogramma. Het is te vinden op de volgende URL:

  • http://uk2.php.net/get/php-5.2.11-Win32.zip/from/a/mirror

Er zijn twee verschillende zip-bestanden voor Windows op de PHP-site, zorg ervoor dat je Niet doen haal degene met NTS (niet-thread-safe) in de naam, want dit werkt niet met Apache (die thread-safe is). Alvorens de installatieprogramma's uit te voeren of het zip-bestand uit te pakken, hoeven we slechts een paar kleinere systeemtaken uit te voeren; we moeten instant messaging-applicaties tijdelijk stoppen omdat ze de Apache-installatie kunnen verstoren, en we moeten Windows User Account Control (UAC) uitschakelen omdat dit het configuratieprogramma van Mysql verstoort. Om UAC uit te schakelen, gaat u naar de toepassing Gebruikersaccounts in het Configuratiescherm:

In de applet zet je de schuifregelaar op de onderste instelling:

Klik op de knop OK en bevestig de allerlaatste UAC-melding die u ooit zou moeten ontvangen (w00t!) En start uw machine opnieuw op zoals aangegeven.

Installatie van Apache

Het eerste dat we moeten installeren, is de Apache-webserver die webpagina's via HTTP-aanvragen voor browsers bedient en de basis vormt voor onze ontwikkelingsomgeving. Voer het installatieprogramma uit, klik op de volgende om aan de slag te gaan en de licentievoorwaarden te accepteren. Klik volgende nogmaals en je zou dan het volgende scherm moeten zien:

Voltooi het dialoogvenster zoals hierboven weergegeven en klik op volgende nog een keer; op het volgende scherm kies de Typisch keuze:

We kunnen nu gewoon blijven klikken volgende totdat de installatie plaatsvindt. Als u klaar bent, ziet u het Apache-pictogram in het systeemvak; het moet een groen spelsymbool hebben om aan te geven dat het draait:

Als gevolg van het succesvol draaien van Apache, zouden we in staat moeten zijn om een ​​browser te openen, type http: // localhost in de adresbalk en zie het volgende bericht:

Apache configureren

De webpagina die wordt weergegeven, wordt weergegeven in de standaard content-serving-directory van Apache, die waarschijnlijk ergens als volgt is gelokaliseerd:

C: / Program Files (x86) / Apache Software Foundation / Apache2.2 / htdocs

Dat is prima, maar het zal een beetje een hele klus zijn om zo diep te moeten graven als we bestanden willen toevoegen of verwijderen. We kunnen Apache eenvoudig configureren naar serverinhoud vanuit een map die dichter bij de hand ligt; maak een nieuwe map aan op uw C rijden en het noemen apachesite.

In de Start menugroep voor Apache is er een optie om Bewerk het configuratiebestand van Apache httpd.conf, kies dit en een tekstbestand wordt geopend. Dit is het hoofdconfiguratiebestand van Apache; in tegenstelling tot IIS heeft Apache geen GUI voor configuratie, maar moeten we dit tekstbestand bewerken om wijzigingen aan te brengen in de server. Blader omlaag naar de Hoofdserverconfiguratien sectie, die begint op regel 144. Op regel 177 moet er de DocumentRoot richtlijn, die naar de bovengenoemde map verwijst. Wijzig deze regel zodat deze naar de map wijst die we op de C rijden:

DocumentRoot "C: / apachesite"

Vlak onder deze richtlijn zijn er verschillende directory richtlijnen; u moet de tweede zo instellen dat deze naar hetzelfde pad wijst als de DocumentRoot:

Sla het bestand op en start Apache opnieuw, wat u kunt doen door met de linkermuisknop op het pictogram in het systeemvak te klikken en te kiezen Apache2.2 → Opnieuw opstarten. Om aan te geven dat het werkt, maakt u een nieuw HTML-bestand met de naam index.html in de nieuwe map en aanvraag localhost vanuit de browser opnieuw:

Installeren van PHP

Vervolgens kunnen we PHP installeren zodat Apache indien nodig PHP-bestanden kan uitvoeren; maak een nieuwe map op de C rijden en het noemen php, open vervolgens de PHP-zip die we hebben gedownload en sleep de volledige inhoud naar de php map. Dat is alles wat we moeten doen voor wat betreft 'installatie'; alles wat we nu moeten doen is het configureren van Apache om het te gebruiken.

Apache configureren om PHP te gebruiken

Bewerk de httpd.conf bestand opnieuw; na alle AddModule richtlijnen bij het begin van het bestand voeg de volgende nieuwe code toe:

####### PHP Config ########### LoadModule php5_module "C: /php/php5apache2_2.dll" AddType application / x-httpd-php .php PHPIniDir "C: / php" # #############################

Sla het bestand op, maar maak je geen zorgen over het opnieuw opstarten van Apache, want we moeten nog een aantal wijzigingen aanbrengen en de computer toch opnieuw opstarten.

PHP configureren

Net als Apache vertrouwt PHP op een op bestanden gebaseerde configuratie; in de C: \ php map hernoem het bestand met de naam php.ini-aanbevolen naar php.ini. Nu moeten we een toevoegen Klasse variabel naar Windows zodat het weet waar de PHP-bestanden zich bevinden. U moet teruggaan naar de Controlepaneel en open de Systeem applet. Op de gevorderd tabblad, onder in het dialoogvenster is een knop genaamd Omgevingsvariabelen - klik op deze knop om een ​​nieuw dialoogvenster te openen:

Het nieuwe dialoogvenster is verdeeld in 2 secties; selecteer in het onderste gedeelte de regel die heeft Pad als de veranderlijk naam (u moet een beetje naar beneden scrollen) en klik vervolgens op Bewerk knop onder het tweede gedeelte om de editor te openen:

Ga naar het einde van de Variabele waarde regel en voeg de volgende tekst toe aan de exsting-waarde:

; C: \ php \;

Dit wordt toegewezen aan de php map die we hebben gemaakt op de C drive en waarin we de PHP-bestanden uit het zip-bestand hebben uitgepakt. Het is heel belangrijk dat jij verwijder geen van de bestaande tekst in de waarde (of andere programma's op uw computer of uw gehele computer werken mogelijk niet meer) en dat u de nieuwe tekst precies invoert zoals hierboven wordt weergegeven. Zodra dit is gebeurd, klik OK op de drie dialoogvensters en start uw computer opnieuw op.

Zodra uw computer opnieuw is opgestart, moet het Apache-pictogram nog steeds het groene play-symbool hebben en moet PHP met succes zijn geconfigureerd. Om het te testen, maakt u een pagina in uw teksteditor en voegt u de volgende code toe:

Sla het nieuwe bestand op als phpinfo.php in de C: \ apachesite map en vraag vervolgens de pagina aan door het volgende adres in de adresbalk van de browser te typen:

http: //localhost/phpinfo.php

Uw browser moet de PHP-informatiepagina weergeven:

Succes! Nu moeten we gewoon Mysql installeren en alles is klaar.

Mysql installeren

Voer het Mysql-installatieprogramma uit dat we hebben gedownload en blijf klikken volgende tot je bij de configuratiewizard komt:

Schakel het vinkje uit Registreren in en klik op de Af hebben knop. Klik volgende opnieuw en kies vervolgens op het volgende scherm de standaardwaarde Gedetailleerde configuratie keuze:

Kies in het volgende scherm Machine voor ontwikkelaars keuze:

Na het klikken op volgende op het bovenstaande scherm kiest u de standaardoptie opnieuw op het volgende scherm:

Ga met de standaardinstellingen die ook in het volgende scherm zijn geselecteerd:

En nogmaals, ga gewoon met de standaardoptie op de volgende pagina:

Het volgende scherm heeft beide opties aangevinkt, laat ze gewoon controleren en ga verder:

Maak je geen zorgen over het controleren van de Firewall-uitzondering box, of dit vereist is, is afhankelijk van uw systeem en firewall, dus u kunt dit desgewenst in een minuut handmatig doen. Als u alleen de standaard Latijnse tekenset wilt, kunt u opnieuw gewoon de standaardinstelling kiezen en klikken volgende:

Bewaar op het volgende scherm de standaardinstellingen, maar vink ook het vakje aan om het pad naar de uitvoer toe te voegen aan de Windows Path-variabele (we hebben dit handmatig gedaan bij het configureren van PHP):

Voer een nieuw wachtwoord in voor de Wortel account en klik vervolgens op volgende nog een keer:

Klik in het laatste scherm op uitvoeren knop en de configuratiewijzigingen worden toegepast:

Zodra de wizard is voltooid, ziet u de bevestiging:

Op dit punt moet u uw computer opnieuw opstarten. U wordt hier niet om gevraagd, maar Windows is wispelturig en de installatie wordt mogelijk niet correct uitgevoerd als u dit niet doet. Dus zorg ervoor dat je het doet.

Mysql testen

Ok, dus je bent terug na het opnieuw opstarten, toch? Goed. Laten we even controleren of Mysql correct werkt. In het startmenu moet er een zijn Mysql Command Line Client toepassing, kies dit en voer het wachtwoord in dat u hebt ingesteld bij het uitvoeren van de Mysql-configuratiewizard. Je zou het volgende scherm moeten zien:

Voer de volgende opdracht in bij de prompt:

toon databases;

De gebruikte databases moeten worden getoond; een test database wordt standaard geïnstalleerd:

Typ de opdracht

gebruik test;

De test database wordt geselecteerd:

Laten we een basistabel maken; typ de volgende opdracht:

maak tabelgebruikers (naam varchar (20), leeftijd int);

Hiermee wordt een nieuwe tabel gemaakt met de naam gebruikers en voeg er twee kolommen aan toe, één om naamgegevens te bevatten die bestaan ​​uit maximaal 20 variabele tekens (alfanumeriek) en de tweede om leeftijdsgegevens als een geheel getal te bevatten. Druk op Enter en je moet de Vraag OK bericht om te bevestigen dat de tabel is gemaakt:

Gebruik de volgende opdracht om de tabel met dummy-gegevens te vullen:

invoegen in gebruikerswaarden ('Dan', 31);

Je zou het succesbericht opnieuw moeten krijgen nadat je op enter hebt gedrukt:

Als een laatste test kunnen we controleren of de gegevens juist in de tabel zijn ingevoegd met behulp van de kiezen commando:

selecteer * van gebruikers;

Welke moet de tabel en de gegevens die we hebben ingevoegd weergeven:

PHP configureren om met Mysql te praten

Het enige wat we nu hoeven te doen is PHP configureren om met Mysql te praten; eerder noemden we een bestand om naar php.ini in de C: \ php map, Open dit bestand nu in een teksteditor. Blader eerst naar de Paden en mappen sectie en zoek de extension_dir richtlijn op regel 536; verander het zodat het als volgt verschijnt:

extension_dir = "./ext"

Scroll vervolgens naar beneden naar de Dynamische uitbreidingen sectie die begint op lijn 628. In de Windows-extensies sectie verwijder de puntkomma van vóór de volgende regels:

  • extension = php_mysql.dll
  • extension = php_mysqli.dll

Dat is alles wat we moeten doen; sla het bestand op en start uw machine opnieuw op. Na het herstarten kunt u controleren op Mysql-ondersteuning in de phpinfo.php pagina opnieuw:

Dit is een garantie voor succes, maar eigenlijk moeten we nog een PHP-bestand maken, zodat we kunnen testen of we de gegevens uit onze database kunnen lezen; in een teksteditor het volgende bestand maken:

Bewaar deze als phpmysql.php in de C: \ apachesite en vraag het aan met uw browser; je zou het volgende bericht moeten zien:

Als dit niet werkt, probeer je je firewall in de trainingsmodus te zetten en te kijken of je een melding ontvangt waarin je wordt gevraagd of je de toepassing wilt toestaan ​​wanneer je de pagina uitvoert.

Samenvatting

We zijn nu echt geslaagd en hebben de perfecte ontwikkelomgeving voor het maken van dynamische AJAX-aangedreven pagina's. Natuurlijk kunnen er verschillende programma's zijn die we kunnen uitvoeren, die een deel van of de volledige configuratie voor ons zullen uitvoeren, maar die wel of niet kunnen werken op de nieuwste versie van Windows, maar waar is het plezier in dat ?! Het handmatig configureren van Apache, Mysql en PHP is een prestatie en het geeft ons de mogelijkheid om meer te leren over de platforms die we gebruiken bij het maken van moderne webapplicaties..

  • Volg ons op Twitter of abonneer je op de Nettuts + RSS Feed voor de beste tutorials voor webontwikkeling op internet.