Enkelt och intuitivt webbgränssnitt för din Raspberry Pi (3 / 6 steg)

Steg 3: Installera en webbserver sedan överföra din webbplats till den



Kontrollera lamporna med SSH är ganska cool men gränssnittet (konsol) är inte mycket användarvänlig och att skriva kommandon varje gång är lång och irriterande. Det är därför vi behöver ett grafiskt gränssnitt för vårt projekt.
Programplanering en app för varje OS (IOS, Android, Windows-telefon, Mac, Linux, Windows,...) skulle vara för långt och skulle kräva för att veta en massa olika språk för nästan ingenting. Det kräver också för att göra ett program som körs på Raspberry Pi. Att göra det här sättet skulle vara overkill och tidsödande.
Det är därför en webbplats är den bästa lösningen, den är kompatibel med alla enheter och du "bara" behöver veta fyra språk: HTML (för sidans skelett), CSS (sidlayout), PHP (interaktioner med servern) och JavaScript (interaktion med användaren).

I själva verket måste vi installera en webbserver på Raspberry Pi. I vårt fall behöver vi inte en MySQL-databas, bara en HTTP-server och dess PHP förlängning.
Efter uppdaterande din Raspberry Pi med kommandot "sudo lämplig-få uppdatera", skriver du "sudo lämplig-få installera apache2 php5 libapache2-mod-php5" för att installera Apache HTTP-server och PHP5 förlängning. Nu kan du testa om din server fungerar genom att skriva IP av din Raspberry Pi i din webbläsare. Du bör nu se en "funkar det!" sida med två andra linjer. Om du inte, sedan kontrollera din styrelse IP, försök re-installera Apache eller starta din Raspberry Pi. Denna sida som visar att din Apache server fungerar som den ska men inte dess PHP extension. För att kontrollera det, gå till katalogen "/ var/www /" med hjälp av kommandot "cd/var/www /". Om du använder kommandot "ls", bör du ha endast en fil med namnet "index.html". Denna fil motsvarar den "funkar det!" sida. Du kan nu ta bort det ("sudo rm index.html") och skapa en annan en kallas "index.php" (Använd "sudo nano index.php"). Skriv sedan följande text:

<? php
phpinfo();
? >

När du har sparat den med ^ o (Ctrl + o), exit nano editor med ^ x (Ctrl + x). Om du uppdaterar din webbläsare, bör du nu se en lång sida med massor av information om din server och PHP. Om du inte, kontrollera filen index.php , prova att re-installera PHP eller att förstå felet visas i stället för sidan (Google det om det behövs).

Om båda sidor var visas korrekt, då du nu har en fullt fungerande Apache/PHP-server men är irriterande och inte mycket bekväma att använda nano varje gång. Vi behöver verkligen att överföra filer från din dator till din Raspberry Pi. Du kanske vill installera en FTP-server men det är inte nödvändigt, kan du redan överföra filer med SFTP protokoll. Allt du behöver är en SFTP klient på din dator. Jag personligen använder WinSCP för Windows men det finns Cyberduck för mac och Filezilla för Linux. Om du försöker överföra filer innan du läser vad som händer, har du förmodligen problem som "vägras tillträde" eller "kan inte skriva här". Det är på grund av att användaren pi inte är äga www-katalog. Verkligen, om du försöker kommandot "ls -l var/www", ser du att endast root (superanvändare) är äga www-katalog. Du kan (som jag gjorde) med kommandot "sudo chown -R pi var/www" ändra det eller skapa en grupp med namnet www-data där du placera pi användaren och sedan använda kommandot "sudo chown -R www-data var/www". Flaggan -R står för rekursiv, innebär det att användaren eller gruppen inte är äga bara sig själv utan också allt inuti (index.php som exempel).
Du har nu servern klar att arbeta och få webbsidor. Ha kul med det om veta HTML, CSS och PHP.

Redigera: Tydligen, Apaches standardmappen har ändrats till "var/www/html" så kan behöva anpassa de tidigare kommandona.

Se Steg
Relaterade Ämnen

Hus uppvärmning med VSCP och ett webbgränssnitt

Mina föräldrar är pensionerad och bor i södra Frankrike. Värma under sommaren men det kan också vara kallt under vintern.De använder för att resa i flera veckor under vintern att besöka vänner och familj, och som de värmer huset med trä, när de komme...

Telefonen står och bokmärke!-enkelt och lätt! Använda din gamla Pokemon!

Kan inse det - vi tittar på något på vår telefon och vi vill inte behöva lutar det upp på vår väska eller handväska. Men i stället för med 3$ Walmart varumärke kan använda vår fancy bokmärke/telefon-monter vi byggt här på denna sida!Steg 1: Att göra...

Lägg till infraröd gränssnitt för din Raspberry Pi GPIO

IntroduktionJag har många fjärrkontroller liggande. Några av dessa fjärrkontroller används inte längre eftersom apparaten de kontrollerade har gått kaputt och kastades. Jag undrar om fjärrkontrollen kan kommunicera med Raspberry Pi. Jag vill dessutom...

Batteri drivs kartong HDMI-Retro-TV står för din Raspberry Pi

Din Raspberry Pi förtjänar en egen skärm och stand! Varför dela din Raspberry Pi med vardagsrum-TV? Ge din Pi egen monter och batteri så att du kan styra det någonstans i huset eller på kontoret. Tänk dig att ha din egen retro TV-kartong Ställ för di...

Förvandla din Raspberry Pi till en personlig webbserver

LAMP är en förkortning som står för LinuxApache,MySQL,PHP och komponenter krävs för att köra en dynamisk HTML webbsida.Detta instructable kommer att visa hur du kan förvandla din Raspberry Pi till en personlig webbserver. Stegen för att installera al...

Lägga till videoklipp till din sidekick lx enkelt och gratis

sidekick lx kommer med en fin liten mediaspelare där kan du titta på videor, lyssna på musik eller skapa spellistor. Im kommer för att visa dig hur du skaffar din önskade video från webben och menuetter överföra den till din sidekick lx. Kan gå vidar...

Smart house webbgränssnitt med VSCP

VSCP är en bra lösning att ansluta verkliga objekt till Internet, utan för att interagera med en användare måste du få någon slags gränssnitt.Detta instructable visar ett webbgränssnitt som innehåller några funktioner för hemautomation t.ex. hus setu...

Dryck apparat med webbgränssnitt

The dryck apparaten doserar en blandning av alla fyra vätskor.Dryck apparaten kontrolleras via webbgränssnitt.Registeransvarige är sammansatt av en Raspberry Pi, ett relä och en anpassad relay controller.Bilden av modifierade Raspberry Pi programvara...

LinkitONE ljus Sensor med webbgränssnitt

Ville göra en sensor gränssnitt med webbgränssnitt? Tänk dig med hjälp av en enkel LDR för att mäta ljus och se de live uppdateringarna på en web instrumentpanel!Om du vill göra något häftigt som denna, du är på rätt plats!Steg 1: Vad behöver du?Styr...

Kite flygfotografering Picavet System - roligt, enkelt och lätt att bygga!

i detta Instructable jag kommer att lära dig hur man bygger ett picavet och kamera fäste för kite aerial photography/video så att du kan fånga fantastiska Bird's eye syn på världen omkring dig. Syftet med picavet är att hålla och stabilisera kameran...

Automatiserad katt feeder med webbgränssnitt

Detta är en skruv-baserade automatisk katt feeder. Flera pounds av kattmat lagras i behållaren över skruven och mataren är programmerad för att automatiskt fördela 1/4-kopp av mat på morgonen och på kvällen.Huvuddragen i mataren är:-automatiskt doser...

Gardiner anläggning bar: billigt, enkelt och rent.

Hur man håller baren gardiner på ett billigt, enkelt och rent sätt. endast en liten hela!. Gardin bar måste ankomma sida till sida väggar (om inte använda 2 eller 3 krok galgar från taket istället)Steg 1: bitar du behöver. Mätare, borra och skruva st...

Hur man enkelt och rent ta bort sidor från böcker

ett litet trick jag hittade enkelt och rent bort sidor från böcker.Steg 1: Samla material vad du behöver för detta:-sträng, bara några plain vit sträng finns på din lokala apotek eller hantverk butik, kan också vara garn och vissa andra strängar anta...

Enkelt och gratis nunna chuckar

Hej! Detta är min första instructable. Vara hård om du har till :D. Jag har informerats av mrmath att detta är olagligt i vissa områden. Vänligen kontrollera dina lokala lagar och Använd ansvarigt.Jag kommer att visa dig hur du mycket enkelt och prak...

Ta bort rost enkelt och effektivt med salt och elektricitet.

Hej alla, vill du veta hur man bli rost på dina verktyg för billigt, enkelt och säkert sätt?Detta är en billig, säker och intressant vetenskapligt experiment du bör prova på dina verktyg bort rost i stället för med hjälp av syra, gnissla eller tung t...

Träpanel: Ett enkelt och billigt sätt att uppgradera alla rum

The Inspiration.När jag gifte mig, beslutade vi att bo i min lägenhet. Perfekt läge, men det behövde lite arbete.Vad behövs mest arbete var vår enda badrum.Som en enda kille, jag visste att badrummet var dåligt (men jag kan fortfarande leva med det)....

Ficklampa hölster enkelt och billigt

lära sig att skapa en ficklampa hölster för en Surefire G2 eller liknande ficklampa med endast några ducttape och en gammal messenger väska bälte.Steg 1: Vad du behöver: -Några silvertejp-en gammal axelremmen eller ett liknande objekt, helst en 5 cen...

Hur man gör citron-lime läsk de enkelt och snabbt sättet.

Hur man gör en läcker citron-lime läsk av saker runt hem, eller enkelt och billigt buyable på din lokala butik.Steg 1: ingredienser Först och främst, ingredienserna du behöver är...-citronsaft-socker-kolsyrat vatten-kalk margarita mix- och ett glas a...

BlackBerry Tour minne kort hacka och hur till sätta fast din batterilucka

när jag först fick min Blackberry Tour batteriluckan skulle något piper när jag skulle hålla telefonen i mina händer och typ. Jag är något persnickity detta var oacceptabelt, men tänkte att det inte var värt en tur till butiken för att se om en fix....