Stap 3: Installeren van een WebServer
Hebt u ging door het eerste deel van dit project, moet u beschikken over de LIGHTTPD WebServer al geïnstalleerd.
Als niet, de hieronder stappen zal begeleiden installeren u in hoe LIGHTTPD, een heel "light" en snelle WebServer, die bijvoorbeeld kan worden gebruikt in plaats van Apache. Zoals beschreven op de lighttpd wiki-pagina"Lighttpd is een veilige, snelle, compatibel en zeer flexibel-webserver die is geoptimaliseerd voor hoog presterende omgevingen. Het heeft een zeer lage geheugen footprint ten opzichte van andere WebServers en zorgt voor cpu-load.
Laten we Lighttpd webserver en onderdelen te installeren:
sudo apt-get - y install lighttpd
sudo lighttpd-inschakelen-mod-cgi
sudo lighttpd-inschakelen-mod-fastcgi
Standaard is Lighttpd op zoek naar een index.html -pagina op /var/www/html. Wij zullen veranderen, zodat de index.html worden geplaatst onder/var/www. Daarvoor moeten we het configuratiebestand oplichtend bewerken:
sudo nano /etc/lighttpd/lighttpd.conf
wijzigen:
server.document-root = "/ var/www/html"
door:
server.document-root = "/ var/www /"
Om hardop dit veranderen te voeren, moeten we stoppen en de webserver opnieuw te starten:
sudo /etc/init.d/lighttpd stop
sudo /etc/init.d/lighttpd start
Op dit punt de webserver wordt uitgevoerd en als op/var/www bevindt zich een pagina index.html, we kunt openen vanuit elke browser, de RPi IP-adres te typen:
om één webpagina om te laten zien van de video, laten we omvatten de balg-lijn op de HTML-code:
<xmp> <iframe src="http://Your IP Adress:9000/javascript_simple.html" frameborder="0" align="middle" width="640" height="480" align="middle" scrolling="no">$ </xmp>
Hieronder u de volledige HTML-code voor de pagina ziet, waar de video stroomsgewijs wordt verzonden, de bovenstaande foto toont het drukscherm webpagina:
<xmp> <html> <head> </head> <style> body {background-color: lightyellow} h1 {color:blue} </style> <body> <div style="text-align:center"> <h1> MJRoBot RPi Web Robot Control <img style="height: 100px"src="/images/robot52.png"> </h1> <br><br> <iframe src="http://10.0.1.31:9000/javascript_simple.html" frameborder="0" align="middle" width="640" height="480" align="middle" scrolling="no">$ </body> </html> </xmp>
