2014 USB Webserver installatie en gebruik F. Vonk versie 2 14-8-2014
Inhoudsopgave 1. Inleiding... - 2-2. Installatie... - 3-3. USB Webserver... - 4-4. De MySQL omgeving... - 5-5. Een PHP script runnen... - 7 - Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding NietCommercieel - GelijkDelen 3.0 Unported licentie De afbeelding op het voorblad is verkregen via INFOwrs. Copyright 2010 INFOwrs Serviços em informatica. - 1 -
1. Inleiding Welkom bij de installatie- en gebruikshandleiding van USB Webserver. We gaan je in het kort laten zien hoe je USB Webserver kunt installeren en gebruiken. De afbeeldingen die je in deze handleiding ziet zijn van USB Webserver 8.0. Dit is de versie die we je aanraden om te gebruiken, omdat deze het meest stabiel werkt op school. USB Webserver is een server die gebaseerd is op Apache met daaronder een MySQL omgeving en een PHP engine. Deze handleiding gaat met name over de laatste twee. Succes! - 2 -
2. Installatie Het programma USB Webserver kun je downloaden uit de ELO. Op de USB Webserver website (www.usbwebserver.net/nl) vind je de officiële handleiding. Die heb je echter voor de module over Databases & SQL niet nodig, want in dit document vind je daar een korte samenvatting van. Als je USB Webserver uit de ELO hebt opgehaald, dan heb je een ZIP bestand gekregen. Dit is een gecomprimeerd bestand dat je uit moet pakken naar je USB stick. Je moet op een USB stick werken, omdat je niet altijd op dezelfde plaats zit in de klas. Het is handig om eerst een map aan te maken die je bijvoorbeeld USBWebserver noemt. Vervolgens kun je de bestanden en mappen uit het ZIP bestand in die folder plaatsen door ze uit te pakken (extracten). En dan ben je al klaar. Zo gemakkelijk was de eerste stap. Op naar de volgende! - 3 -
3. USB Webserver Als je in de map kijkt die je zojuist hebt aangemaakt op je USB stick, dan zie je een aantal mappen en één executable (bestand dat je uit kunt laten voeren door de computer). Deze executable heet usbwebserver.exe. Het zal je niet verrassen dat we de executable gaan uitvoeren door erop te dubbelklikken. Vervolgens krijgen we het volgende te zien: Figuur 1: Het USB Webserver console. Dit venster noemen we het USB Webserver console. Het console moet ALTIJD runnen. Wanneer je het afsluit, dan is je USB webserver omgeving weg! Voor je verder gaat is het belangrijk om te wachten tot het console aangeeft dat Apache en Mysql klaar zijn. Dit gebeurt door een groen bolletje met een wit vinkje erin, zoals hieronder te zien is. Figuur 2: De "klaar" indicatie van Apache en MySQL. Als de console aangeeft dat alles klaar is kun je gaan werken met de omgeving. - 4 -
4. De MySQL omgeving Om toegang te krijgen tot de MySQL omgeving klik je op de PHPMyAdmin link (derde vakje van boven aan de linkerkant). Nadat je op de link hebt geklikt wordt je standaard webbrowser geopend waarin je het MySQL inlogscherm te zien krijgt. Als je je standaard webbrowser al open had dan wordt een nieuw tabblad toegevoegd. Figuur 3: MySQL inlogscherm. De standaard gebruikersnaam (username) en het wachtwoord (password) staan onder de inlogvelden. Nadat je ingelogd bent kom je in de MySQL omgeving. Figuur 4: MySQL omgeving. - 5 -
Als je hier bent kun je beginnen met het aanmaken van databases. Als je een database hebt aangemaakt kun je de structuur ervan aanmaken en er vervolgens gegevens inzetten. Je kunt databases ook bekijken en er query's op maken. In database omgevingen worden verandering meteen opgeslagen. In de omgeving zit daarom geen aparte bewaar of save functie. Houd hier rekening mee. - 6 -
5. Een PHP script runnen Dit stuk heb je niet nodig voor Databases & SQL! Bij USB Webserver zit standaard al een PHP script. We kunnen dit script laten uitvoeren door op de localhost link (tweede vakje van boven aan de linkerkant in Figuur 1) te klikken. Nadat je op de link hebt geklikt wordt je standaard webbrowser geopend waarin je het resultaat van het PHP script te zien krijgt. Als je je standaard webbrowser al open had dan wordt een nieuw tabblad toegevoegd. Figuur 5: Standaard bijgevoegd PHP script. Het adres in de adresbalk is http://localhost:8080/ zoals je kunt zien. Localhost is een netwerkprotocol aanduiding voor je eigen PC. 8080 is de poort die het HTTP protocol gebruikt voor toegang. Het PHP script waarvan je de uitvoer ziet kun je vinden in de folder root in de folder waar je USB Webserver uitgepakt hebt, bijvoorbeeld C:\USBWebserver\root of F:\USBWebserver\root. Het bestand dat standaard uitgevoerd wordt heet index.php. Als je dit bestand aanpast en je ververst de pagina in de webbrowser dan zie je je aanpassingen meteen. Je kunt ook andere PHP bestanden laten zien door de bestandsnaam toe te voegen aan de adresbalk. Het bestand moet dan wel in de root map (de map waar ook het index.php bestand staat) staan. Als je daar een bestand aanmaakt genaamd mijnbestand.php en je typt in de adresbalk het adres: http://localhost:8080/mijnbestand.php Dan zie je het resultaat van het mijnbestand.php script in de webbrowser. - 7 -