Sett opp en Raspberry Pi -webserver og bygg enkelt en HTML -webside

Sett opp en Raspberry Pi -webserver og bygg enkelt en HTML -webside
Nettservere er datamaskiner som kjører programvare og lagrer filer som videoer, bilder, tekstfiler og Html filer. Man kan sette opp en webserver som Apache Web Server på Raspberry Pi og levere HTML -sidene sine. Apache støtter HTTP- og HTTPS -protokoller som kan brukes til å levere Html filer.

Hvis du er interessert i webutvikling som er utbredt i dag, trenger du ikke noen avanserte PC for å kjøre HTML-programmer, i stedet kan du enkelt lære webutvikling på Raspberry Pi, som er et billig alternativ til hvilken som helst stasjonær datamaskin.

Denne artikkelen presenterer en enkel guide for å konfigurere en Raspberry Pi -webserver og bygge en HTML webside på Raspberry Pi.

Sett opp en Raspberry Pi -webserver

La oss gå mot prosessen med å sette opp en Raspberry Pi -webserver før du bygger en HTML -webside. For det formålet må du følge de undergitte trinnene:

Trinn 1: Oppdater og oppgrader depotet
Det første trinnet er å oppdatere depotet slik at alle pakkene blir oppdatert. Bruk den nedenfor-nevnte kommandoen for å sjekke oppdateringer på Raspberry Pi:

$ sudo apt oppdatering

Etter oppdatering, oppgrader pakkene ved å bruke den nedenfor-nevnte kommandoen:

$ sudo apt oppgradering -y

Trinn 2: Installer Apache2 -serveren
Etter å ha oppdatert Raspberry Pi -depotet, må du installere Apache webserver ved hjelp av den nedenfor-nevnte Apt kommando:

$ sudo apt install apache2 -y

Trinn 3: Kontroller status for Apache Server
Etter å ha installert serveren, la oss bekrefte om serveren går bra eller ikke, og for den bruker den nedenfor-nevnte kommandoen:

$ sudo service apache2 status

Utgangen vil vise statusen til serveren at den er aktiv og kjører.

Bygg en HTML -webside

Å bygge en Html Webside på Raspberry Pi-systemet, følg de gitte trinnene under:

Trinn 1: Finn plasseringen av HTML -filen
Å bygge en webside på Raspberry Pi ved hjelp av Html, Brukeren må endre den eksisterende HTML-filen. For å få tilgang til Html fil, du må finne dens beliggenhet og å gjøre det navigerer til Html Katalog ved hjelp av følgende kommando:

$ cd/var/www/html

Liste nå alle filene som er til stede i katalogen ved å bruke den nedenfor-nevnte kommandoen:

$ ls -al

Merk: De indeks.html er filen du trenger å redigere.

Trinn 2: Endre filtillatelse
De indeks.html Filen eies av rotbrukeren, og alle andre brukere kan ikke skrive på den. Så det er obligatorisk å endre filtillatelse først for å endre filen for å designe din egen webside.

For å endre filtillatelse, bruk den nedenfor-nevnte kommandoen:

$ sudo chown pi: indeks.html

Trinn 3: Åpne filen
Etter å ha endret filtillatelse, kan du få tilgang til filen ved hjelp av Nano Redaktør ved å bruke kommandoen nevnt nedenfor:

$ sudo nano indeks.html

Etter å ha kjørt kommandoen ovenfor, indeks.html Filen åpnes med noe forhåndsskrevet innhold. Slett alt innholdet som er til stede i filen ved hjelp av Skift+k.

Trinn 4: Bygge en webside ved hjelp av HTML
Nå er denne filen alt din, du kan skrive hvilken som helst HTML -kode for nettstedet ditt ved å bruke Html Tagger:

Alle Html Koder er innelukket i tre hovedmerker, som er:

  1. tag (start tag) og (sluttkode)
  2. Tag for å legge til en tittel for nettstedet
  3. Merk for å legge til innholdet på websiden

Det er noen andre tagger også som;
Tag brukes til å legge til pause mellom linjene,

for overskrift,

for underoverskrift,

for avsnitt og mange andre slike tagger som kan brukes avhengig av brukerens behov. For hjelp med html Følg artikkelen.

Her har jeg delt en eksempelkode som jeg har lagt til min indeks.html fil:



Linux -hint -nettstedet


Bygget en HTML -webside


Dette er det grunnleggende introduksjonsparagrafen


Underhoding 1


avsnitt for underoverskrift


Underhoding 2


Avsluttende avsnitt


Merk: Tilpass din HTML -kode I følge ditt valg.
Etter å ha skrevet ønsket HTML -kode, Lagre og avslutte filen ved å trykke på tastene Ctrl + x og Y.

Trinn 5: Viser nettsiden
Nå for å vise nettsiden din, vil du kreve IP -adressen til vertsserveren/Raspberry Pi slik at du kan få tilgang til denne websiden fra hvilken som helst nettleser du vil ha.

$ hostname -i

Utgangen vil vise IP -adressen som uthevet på bildet nedenfor:

Åpne nettleseren i Raspberry Pi eller et hvilket som helst annet system og skriv inn IP -adressen:

Og den designet websiden din vises her, og tittelen du har satt vises øverst:

Merk: Jeg har vist en veldig grunnleggende webside bare for å sitere et eksempel, men du kan være kreativ og designe nettstedet ditt som du vil.

Konklusjon

I opplæringen har vi satt opp en Apache -webserver og bygget en statisk HTML -webside. Etter å ha installert Apache -serveren, finner vi plasseringen av HTML -fil og endre tillatelse. Senere, overskrive indeks.html fil med ønsket Html kode og lagre den. For å få tilgang til den designet websiden, skriver vi Vert IP inn i nettleseren og den bygde websiden vises i nettleseren.