headershadow

Latest Blogposts

Website beveiligen met een wachtwoord

De laatste tijd merkt iedere internetgebruiker meer en meer dat er wordt gelet op beveiligen van websites
en van de informatie die er op sites te vinden is. Het is niet meer vanzelfsprekend dat alles zomaar vrij te vinden
is op het web. Wachtwoord voor je website
Er komen steeds meer vragen hoe je je website met een wachtwoord kunt beveiligen. In dit artikel
willen we hier uitgebreid op ingaan.

Vooraf willen we je wel een waarschuwing meegeven. 100% waterdicht is dit systeem niet. Een ervaren hacker zal
hier op kunnen inbreken, maar aan de andere kant worden de meeste gewone bezoekers tegengehouden. de gemiddelde
internetter zal het niet lukken in te breken op een pagina beveiligd met dit script. Zit je nu echt omhoog en
moet je site optimaal beveiligd worden, ga dan in zee met een betaalde host die je hoogwaardige beveiliging biedt.

De opzet van dit artikel is dat we stap voor stap een html-pagina maken en daarin javascript toevoegen. Wil je
het hele script in een keer hebben, volg dan deze link. Hier is de complete broncode
te vinden, die je direct naar je html-editor kunt kopieƫren.

We beginnen met een gewone html-pagina.

<html>
<head>
<title>Afgeschermde pagina</title>

De volgende zin beter bekend als een metatag, zal er voor zorgen dat zoekmachines deze pagina niet indexeren. Hij
hoeft niet gevonden te worden. Dit helpt overigens niet voor alle zoekmachines. Maar het kan je helpen.

<meta http-equiv=”Robots” name=”Robots” content=”noindex, nofollow” />

We gaan de code verstoppen voor browsers die JavaScript niet aan hebben staan. Vergeet niet de <!– ervoor
te zetten.

<!– Functie die ervoor zorgt dat de pagina wordt geopend als de bezoeker het juiste wachtwoord geeft –>
<script language=”Javacript” type=”text/javascript”>

<!–Hide from non-JavaScript Browsers

We gaan nu met behulp van document.write een htmlpagina schrijven, waarin je de afgeschermde info kunt schrijven.
Je moet het stukje xxxxx.htm vervangen door een moeilijk te traceren naam, zoals FTpk5Rj.htm, dit
is moeilijk te achterhalen.

function correct() {

document.write(“<html><head><title>Wachtwoord correct!</title></head>
<body bgcolor=’#ffffff’><center><font color=’#000000′ face=’arial’ size=’4′>
Welkom in het afgeschermde gedeelte van deze website.”+”<p><a href=’xxxxx.htm’>
<font color=’#0000ff’ face=’arial’ size=’2′>Klik hier om de pagina binnen te gaan.</a>
“+”</p></center></body></html>”);

document.close();

}

Het volgende gedeelte is het stuk waar je heen wordt gestuurd als je een verkeerd wachtwoord
hebt ingevoerd. Het spreekt voor zich dat hierin geen link staat naar de rest van de beveiligde
site. Wel bestaat er de mogelijkheid om het wachtwoord nog eens in te voeren. Maar ook kun je
stoppen.

<!– Error function when visitors gets the password wrong –>

function error() {

document.write(“<html><head><title>Password incorrect!</title></head>
<body bgcolor=’#000000′>”+”<font color=’#ffffff’ face=’arial’ size=’5′>”+”<center>
<h1>Ooops</h1><br><b>Fout wachtwoord – </b>”+password+”</font><br><br>
<font color=’#ffffff’ face=’arial’ size=’3′>Probeer het nog eens of sluit af.
</font><br><br><input type=’button’ value=’probeer nog eens’ onclick=’history.go(-1)’>
<br><br>”+”<input type=’button’ value=’Sluiten’ onClick=’window.close()’>
</center></body></html>”);

document.close();

}

//Stop hiding–>

</script>

</head>

<body bgcolor=”#ffffff”>

Het laatste stuk gaat al het werk doen. We gaan met de prompt functie ervoor zorgen dat de bezoeker
naar het wachtwoord wordt gevraagd. Ook moeten we een variabele toevoegen om te kijken of het
wachtwoord klopt. En dat moet worden weergegeven aan de bezoeker. Het wachtwoord komt achter het woordje
case te staan. In dit voorbeeld dus wachtwoord1, wachtwoord2 en wachtwoord3. Verander dit naar zelf bedachte
wachtwoorden.

<!– Wachtwoord functie –>

<script>

<!–Hide from non-JavaScript Browsers

  var password = prompt(“Uw wachtwoord A.U.B.:”,”");

  //EERSTE PASSWORD
  switch(password){
  case”wachtwoord1″ : window.location=”javascript:correct()”
  break ;

  //TWEEDE PASSWORD
  case”wachtwoord2″ : window.location=”javascript:correct()”
  break ;

  //DERDE PASSWORD
  case”wachtwoord3″ : window.location=”javascript:correct()”
  break ;

  //FOUT WACHTWOORD
  default : window.location=”javascript:error()”
  break ;

  }

//Stop hiding–>

</script>
</body>
</html>

Dit script is redelijk veilig. Dat komt omdat de bezoeker niet bij de broncode kan om te
zien wat het wachtwoord is. Succes ermee. Bij vragen kun je altijd op het forum terecht of
een mailtje sturen.

0 reacties op “Website beveiligen met een wachtwoord

Plaats een reactie

*