Website met wachtwoord
Een simpel JavaScript kan volstaan
10 december 2009
Ik beheer een website voor een sportclub en graag zou ik één webpagina met een wachtwoord of inlogfunctie beveiligen, zodat alleen leden van de club die kunnen bekijken. Hoe kan ik dat (eenvoudig) doen?
Roland Blanckaert
Daar bestaan verschillende mogelijkheden voor, en dan hebben we het vooral over scripts. Je kan het zelfs met een simpel javascriptje regelen, zolang je webpagina geen staatsgeheimen bevat.
Neem ergens op je site een link op naar een webpagina die alleen de volgende code bevat. Deze code kan je intikken in Kladblok en als .htm-bestand opslaan:
<html>
<head>
<title>Eerst je wachtwoord!</title>
<script language="JavaScript">
function geheim(wachtwoord)
{document.location.href=wachtwoord + ".htm"}
</script>
</head>
<body onLoad="document.formulier.ww.focus()">
<form name="formulier">
<b>Graag eerst je wachtwoord</b><br>
<input type="password" name="ww" value="" size=20>
<input type="button" value="Verstuur!" onClick="geheim(ww.value)">
</form>
</body>
</html>
Nu hoef je alleen nog de webpagina die je wil beveiligen dezelfde naam als het wachtwoord te geven. Stel dat je als wachtwoord 12345 neemt, dan noem je die pagina dus 12345.htm. Deze pagina moet je bovendien in dezelfde map plaatsen als de pagina die het bovenstaande javascriptje bevat.
Nog meer javascripts voor wachtwoordbeveiliging vind je op www.javascriptkit.com/script/cutindex6.shtml. Een iets solider oplossing is HTMLock www.atrise.com/htmlock, dat sinds kort freeware geworden is.
Ondersteunt de webserver van je provider (of webhost) .htaccess, dan kan je ook met een server side-oplossing werken. Deze aanpak is niet alleen veiliger dan een simpel javascriptje, het is ook mogelijk met verschillende login-id’s te werken.
Op onder meer www.mijnhomepage.nl/htaccess/directory-beveiligen.php vind je Nederlandstalige stappenplannen over hoe je met het duo .htaccess en .htpasswd aan de slag gaat.
Op www.htpasswd.nl tref je bovendien een eenvoudige generator aan die beide bestanden automatisch voor jou van de juiste inhoud voorziet.
Externe links
Related Partner info
Reacties
Reageer op dit artikel
