Hoe maak ik een login-beschermd gebied voor uw website

U hebt geleerd hoe u een website kunt maken Een website maken: voor beginners Hoe u een website maakt: voor beginners Vandaag zal ik u begeleiden bij het maken van een complete website vanaf nul. Maak je geen zorgen als dit moeilijk klinkt. Ik zal je er bij elke stap doorheen leiden. Lees meer en lees onze jQuery-gids Een basisgids van JQuery voor Javascript-programmeurs Een eenvoudige gids voor JQuery voor Javascript-programmeurs Als u een Javascript-programmeur bent, helpt deze gids bij JQuery u coderen als een ninja. Lees verder . Wat is het volgende? Het creëren van een met een wachtwoord beveiligd gebied voor uw website is essentieel om uw spullen veilig te houden. Gelukkig is het makkelijker dan je denkt!

Ermee beginnen

Er zijn veel manieren om een ​​website met een wachtwoord te beveiligen. U zou een online database kunnen opzetten. So What Is a Database, Anyway? [MakeUseOf Explains] Dus wat is een database eigenlijk? [MakeUseOf Explains] Voor een programmeur of een technologie-liefhebber is het concept van een database iets dat echt als vanzelfsprekend kan worden beschouwd. Voor veel mensen is het concept van een database zelf echter een beetje vreemd ... Lees meer en codeer je eigen inlogsysteem, of je zou een content management systeem zoals WordPress kunnen gebruiken Hoe stel je zelf een gehoste WordPress Blog in Hoe te installeren Een door uzelf gehost WordPress-blog gratis Lees meer .

Vandaag laat ik je zien hoe je je website kunt beveiligen met een wachtwoord door je webserver te gebruiken.

Je hebt een Apache-webserver nodig die je kunt volgen. Veel andere webservers bieden vergelijkbare functionaliteit, maar de benodigde configuratiestappen kunnen verschillen.

Apache is een van de meest populaire webservers ter wereld, en zoals de naam al doet vermoeden, dient het voor webpagina's. Een veel voorkomende zin die je misschien hebt gehoord is LAMP, wat staat voor Linux, Apache, MySQL en PHP / Python / Perl. U hebt vandaag geen programmeertalen of databases nodig en u hebt ook geen Linux nodig - de Windows-variant heet a WAMP stack.

Er zijn nu veel variaties, aangezien veel websites overschakelen naar databasemotoren zoals PostgreSQL of webservers zoals NGINX, maar LAMP is veel gemakkelijker te zeggen dan LEMP, LAPP, LNMP of LNPP, dus het kan worden beschouwd als meer een vangst -alle zin.

Als u een webhosting gebruikt De beste webhostingservices De beste webhostingservices Op zoek naar de beste webhostingservice voor uw behoeften? Of het nu voor een kleine blog of een grote bedrijfswebsite is, hier zijn onze beste aanbevelingen. Meer informatie om uw website te laten draaien, u bent er helemaal klaar voor (mits Apache wordt uitgevoerd). Als je niet zeker weet welk type hosting je nodig hebt, kijk dan eens naar website hosting uitgelegd De verschillende vormen van website-hosting verklaard [technologie verklaard] De verschillende vormen van website-hosting verklaard [technologie verklaard] Lees meer. Als u op uw eigen computer wilt ontwikkelen of experimenteren, moet u een virtuele webontwikkelingsomgeving maken. Een virtuele webontwikkelingsomgeving en -server maken Een virtuele webontwikkelingsomgeving en -server maken Hoe kunt u uw vermogen in balans brengen? multi-tasken met uw behoefte om web-apps te ontwikkelen in de native context waarin ze worden uitgevoerd? Voer virtuele machines in. Lees verder .

Wat is een .htaccess-bestand?

Htaccess, of hypertext toegang is een configuratiebestand. Het wordt gebruikt om Apache naar uw behoeften in te stellen. Het werkt per directory, dus je kunt één set regels en configuraties hebben voor je mediahosting en een andere totaal andere set voor je blog. Htaccess-bestanden worden zo genoemd naar hun naam. Een htaccess-bestand is een tekstbestand met de naam .htaccess. Merk op hoe het geen naam heeft, maar de extensie heet htaccess. Dit is standaard verborgen in Windows, dus bekijk hoe u verborgen bestanden en mappen kunt bekijken Verborgen bestanden en mappen in Windows weergeven Verborgen bestanden en mappen in Windows weergeven Moet met een verborgen bestand of map in Windows werken ? U kunt ze als volgt bekijken in slechts enkele klikken. Meer lezen in Windows als u problemen ondervindt.

Hier zijn enkele van de leuke dingen die htaccess kan doen:

• Blokkeer spam-bezoekers.
• Comprimeer pagina's on-the-fly.
• Voorkom hotlinking van afbeeldingen.
• Dien aangepaste foutpagina's op.

Mogelijk hebt u standaard foutpagina's gezien. Ze krijgen de klus geklaard, maar zien er vrij eenvoudig uit:

Met Apache kun je deze pagina's veel mooier maken, samen met een hele reeks andere functies!

Configureer htaccess

Nu dat je weet wat het is, laten we htaccess instellen. Je moet het eerst inschakelen, dit doe je door de httpd.conf bestand, dat is een ander Apache-configuratiebestand. Zoek de volgende regel:

Het directorypad (/ Var / www / htdocs) is de locatie van de hoofdmap van uw website. Dit kan anders zijn als je het hebt veranderd. Wijzig hier de volgende regel:

AllowOverride None

Hiernaar:

AllowOverride All

Start Apache opnieuw en u bent nu klaar om uw htaccess-bestanden te gebruiken. Als u een online hostingprovider gebruikt, moet u deze opties misschien configureren in uw online configuratiescherm.

Hier is de code die je in je htaccess-bestand moet zetten:

AuthType Basic AuthName "MUO Secret Area" AuthUserFile /.htpasswd Vereist geldige gebruiker

Bewaar dit htaccess-bestand waar je maar wilt. Als u het op het hoogste niveau zet, wordt uw hele website beveiligd met een wachtwoord of kunt u het in een specifieke map plaatsen en alleen die map beveiligen.

Er zijn twee belangrijke dingen die dit doet. De AuthName wordt aangeboden aan elke gebruiker die probeert in te loggen. In dit geval is het ingesteld op “MUO geheime ruimte”, maar je kunt dit veranderen naar alles wat je maar wilt. De AuthUserFile moet wijzen op een geldig .htpasswd het dossier. Dit bestand moet een lijst met gebruikersnamen en wachtwoorden bevatten in de volgende indeling:

gebruikerswachtwoord

Dat is het! Uw website of directory is nu beveiligd met een wachtwoord. Dit is hoe dat eruit ziet wanneer u om referenties wordt gevraagd:

Uw browser bepaalt het uiterlijk van dit inlogvak, dus het is niet mogelijk om dit te configureren. Misschien wilt u sterke wachtwoorden maken. Hoe kunt u sterke wachtwoorden maken die u gemakkelijk kunt onthouden? Hoe u sterke wachtwoorden kunt maken die u gemakkelijk kunt onthouden Meer informatie en ervoor kunt zorgen dat de rest van uw websitebeveiliging bestand is tegen mogelijk schadelijke acties..

Dieper gaan

Nu we de basis kennen, laten we een geavanceerd voorbeeld bekijken. Stel dat u uw Raspberry Pi-webserver Host Uw eigen website op uw Raspberry Pi wilt geven Host uw eigen website op uw Raspberry Pi Moet u een website draaien, maar kunt u de hostingkosten niet betalen? Een manier om dit te doen is met de low-powered Raspberry Pi, die meer dan in staat is om standaard webserver-software uit te voeren. Lees Meer toegang tot uw beschermde map. U zou de Pi kunnen configureren om de juiste inloggegevens in te voeren, maar het is nog eenvoudiger om wachtwoordvrije toegang voor een specifiek IP-adres toe te staan.

Configureer uw Pi met een statisch IP-adres en vervang vervolgens het vorige voorbeeld met deze nieuwe code:

AuthType Basic AuthName "MUO Secret Area" AuthUserFile /.htpasswd Vereist geldig-gebruiker Bestelling afwijzen, Deny van alle toestaan ​​Toestaan ​​van 127.0.0.1 Voldoe aan elke

Deze code bevat dezelfde instructies als in het vorige voorbeeld, met onderaan een paar extra regels. De belangrijkste is dit:

Toestaan ​​vanaf 127.0.0.1

Dit vertelt Apache om het IP-adres toe te staan 127.0.0.1 wachtwoord vrije toegang. Iedereen die afkomstig is van een ander IP-adres, moet een geldige gebruikersnaam en wachtwoord opgeven. Zorg ervoor dat u 127.0.0.1 wijzigt in het IP-adres van uw Pi of een ander apparaat waartoe u toegang wilt verlenen.

Dit is de standaard foutpagina als u niet correct aanmeldt of niet beschikt over het juiste IP-adres

Prestatietips

Htaccess biedt een briljante manier om een ​​verscheidenheid aan dingen op uw webserver te configureren, vooral als u niet veel controle hebt over de rest van de server. Het is echter gemakkelijk om je te laten meeslepen en de prestaties van je website aanzienlijk te verminderen. Als u in staat bent om te overwegen, overweeg dan het gebruik van PHP of een andere taal om complexe taken uit te voeren en htaccess te sparen voor wanneer uw vereisten kleiner zijn, of u hebt geen volledige controle over de server.

Heb je vandaag iets nieuws geleerd? Wat zijn je favoriete htaccess-trucs? Laat het ons weten in de comments hieronder!

Meer informatie over: wachtwoord, webontwikkeling.