Hoe u een inlogbeveiligd gebied voor uw website kunt maken

Advertentie

Je hebt geleerd hoe maak je een website Een website maken: voor beginnersVandaag begeleid ik je door het proces van het maken van een complete website vanaf het begin. Maak je geen zorgen als dit moeilijk klinkt. Ik zal je er bij elke stap doorheen leiden. Lees verder en lees onze jQuery-gids Een basisgids voor JQuery voor Javascript-programmeursAls je een Javascript-programmeur bent, zal deze handleiding voor JQuery je helpen om te beginnen met 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!

Beginnen

Er zijn veel manieren om een ​​website met een wachtwoord te beveiligen. Je zou een online kunnen opzetten database Dus wat is eigenlijk een database? [MakeUseOf legt uit]Voor een programmeur of een technologieliefhebber 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 verder

en codeer uw eigen inlogsysteem, of u kunt een contentmanagementsysteem gebruiken zoals: WordPress Hoe u gratis een zelf-gehoste WordPress-blog instelt? Lees verder .

Vandaag laat ik u zien hoe u uw website met een wachtwoord kunt beveiligen met behulp van uw webserver.

Je hebt een nodig Apache-webserver mee te 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, bedient het webpagina's. Een veel voorkomende zin die je misschien hebt gehoord is: LAMP, wat staat voor Linux, Apache, MySQL en PHP/Python/Perl. Je hebt vandaag geen programmeertalen of databases meer nodig, en je hebt ook geen Linux nodig - de Windows-variant heet een WAMP stapel.

Er zijn nu veel variaties, omdat veel websites overschakelen naar database-engines 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 allesomvattende uitdrukking.

Als je een web hosting De beste webhostingservices: gedeeld, VPS en dedicatedOp zoek naar de beste webhostingservice voor uw behoeften? Hier zijn onze beste aanbevelingen voor uw blog of website. Lees verder service om uw website te runnen, bent u helemaal klaar (op voorwaarde dat het Apache draait). Als je niet zeker weet welk type hosting je nodig hebt, kijk dan op website hosting uitgelegd De verschillende vormen van website-hosting uitgelegd [technologie uitgelegd] Lees verder . Als u op uw eigen computer wilt ontwikkelen of experimenteren, moet u een virtuele webontwikkelomgeving Hoe maak je een virtuele webontwikkelingsomgeving en server?Dus hoe brengt u uw vermogen om te multitasken in evenwicht 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 hyperteksttoegang is een configuratiebestand. Het wordt gebruikt om Apache naar uw behoeften te configureren. Het werkt per map, dus je kunt een 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 dat het geen naam heeft, maar dat de extensie htaccess wordt genoemd. Dit kan standaard verborgen zijn in Windows, dus kijk hoe u dit doet: verborgen bestanden en mappen bekijken Verborgen bestanden en mappen bekijken in WindowsMoet u werken met een verborgen bestand of map in Windows? Hier leest u hoe u ze met een paar klikken kunt bekijken. Lees verder in Windows als u problemen ondervindt.

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

• Blokkeer spambezoekers.
• Comprimeer pagina's on-the-fly.
• Voorkom hotlinking van afbeeldingen.
• Serveer aangepaste foutpagina's.

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

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

htaccess configureren

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

Het mappad (/var/www/htdocs) is de locatie van uw website root. Dit kan anders zijn als u dit heeft gewijzigd. Verander hier de volgende regel van:

ToestaanOverschrijven Geen

Hierop:

ToestaanAlles overschrijven

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

Dit is de code die u in uw htaccess-bestand moet plaatsen:

AuthType Basis. AuthName "MUO Geheim Gebied" AuthUserFile /.htpasswd. Geldige gebruiker vereisen

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

Er zijn twee belangrijke dingen die dit doet. De AuthNaam wordt weergegeven aan elke gebruiker die probeert in te loggen. In dit geval is het ingesteld op "MUO Secret Area", maar u kunt dit wijzigen in alles wat u maar wilt. De AuthUserFile moet verwijzen naar een geldige .htpasswd het dossier. Dit bestand moet een lijst met gebruikersnamen en wachtwoorden in de volgende indeling bevatten:

gebruikerswachtwoord

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

Uw browser bepaalt het uiterlijk van deze inlogbox, dus het is niet mogelijk om dit te configureren. Je wilt misschien sterke wachtwoorden maken Hoe u sterke wachtwoorden maakt die u gemakkelijk kunt onthouden Lees verder , en zorg ervoor dat de rest van de beveiliging van uw website bestand is tegen mogelijk schadelijke acties.

Dieper gaan

Nu u de basis kent, laten we eens kijken naar een geavanceerd voorbeeld. Zeg dat je je. wilt geven Raspberry Pi-webserver Hoe u uw eigen website kunt hosten op een Raspberry PiWilt u een website runnen, maar kunt u de hostingkosten niet betalen? Bouw je eigen LAMP-compatibele webserver met een energiezuinige Raspberry Pi. Lees verder toegang tot uw beveiligde directory. U kunt de Pi configureren om de juiste inloggegevens te verstrekken, maar het is nog eenvoudiger om wachtwoordvrije toegang toe te staan ​​voor een specifiek IP-adres.

Configureer je Pi met een statisch IP-adres, en vervang dan het vorige voorbeeld door deze nieuwe code:

AuthType Basis. AuthName "MUO Geheim Gebied" AuthUserFile /.htpasswd. Vereist geldig-gebruiker. Bestelling weigeren, toestaan. Ontken van alles. Toestaan ​​vanaf 127.0.0.1. Bevredig iedereen

Deze code bevat dezelfde instructies als het vorige voorbeeld, met de toevoeging van een paar extra regels onderaan. De belangrijkste is deze:

Toestaan ​​vanaf 127.0.0.1

Dit vertelt Apache om het IP-adres toe te staan 127.0.0.1 wachtwoord gratis toegang. Iedereen die van een ander IP-adres komt, 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 inlogt of niet het juiste IP-adres heeft

Prestatietips

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

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