Zo bewerk je het hosts bestand – preview je website vóór het updaten van de DNS

Het hosts bestand op je computer biedt de mogelijkheid om de DNS te omzeilen en handmatig hostnames (domeinen) te combineren met IP adressen. Dit kan handig zijn tijdens migraties, wanneer je graag je website wil bekijken op een nieuwe server, maar de DNS nog niet bijgewerkt is. Kinsta biedt hiervoor ook een tijdelijke URL (sitename.kinsta.cloud). Maar een tijdelijk adres is niet altijd 100% hetzelfde.

Zo zal je CDN bijvoorbeeld niet werken op een tijdelijke URL, tenzij je dit handmatig zo hebt ingesteld. Een handige manier om je website te previewen en zo realistisch mogelijk te zien voor een migratie of DNS-wijzigingen, is dus door het bewerken van je hosts bestand.

Er is ook een gratis tool beschikbaar voor beginners, als je bijvoorbeeld liever nog niet je hosts bestand aanpast.

• Voorbereiding voor een preview van je website
• Optie 1: Preview je website zonder iets aan te passen (voor beginners)
• Optie 2: Zo bewerk je het hosts bestand bij Windows
• Optie 3: Zo bewerk je het hosts bestand bij Mac

Voorbereiding voor een preview van je website

Het bewerken van je hosts bestand op je computer houdt eigenlijk in dat je de DNS vervalst voor je computer. Maar voordat je dit bestand aanpast of de gratis tool gebruikt die we zo beschrijven, zijn er twee dingen die je eerst moet doen.

1. Voeg je domein toe aan je webhost

Je moet eerst je domein toevoegen aan je host. Ben je klant bij Kinsta, dan kan je dit eenvoudig regelen via MyKinsta. Klik hiervoor op “Domeinen” en voeg een primair domein toe. We raden je ook aan om meteen de www of nietnon-www versie van je domein toe te voegen. Hierdoor kunnen de Kinsta server dat domein koppelen aan het bijbehorende interne IP.

2. Vind je SFTP/SSH IP adres

Ook moet je het SFTP/SSH IP adres kopiëren dat aan je site is toegewezen. Als je klant bent van Kinsta, kan je dit IP adres vinden in het gedeelte “SFTP/SSH” van je site.

Nadat je de twee bovenstaande stappen hebt voltooid, kan je verder gaan met één van de drie opties hieronder om je website te bekijken voordat je het DNS aanpast. Je kan dit doen via een gratis online tool of door je hosts bestand aan te passen.

Optie 1: Preview je website zonder iets aan te passen (voor beginners)

Vind je het geen prettig idee om je hosts bestand aan te passen via de opties 2 of 3 hieronder, dan is het gebruiken van de gratis online SkipDNS tool een goed alternatief.

Belangrijk: SkipDNS is een externe dienst die puur bedoeld is om je website te previewen voordat je het DNS aanpast. Je kan het dus niet gebruiken om de snelheid en prestaties van je website te evalueren. Wil je dat wel kunnen doen, dan zal je één van onderstaande opties moeten gebruiken, of een tijdelijke URL. De beste manier om de volledige prestaties van je website te zien is je DNS naar Kinsta te laten wijzen en vervolgens een snelheidstest voor websites gebruiken.

Stap 1

Ga naar skipdns.link en voer je domeinnaam en IP adres in (we hebben hierboven laten zien waar je die vindt).

Afhankelijk van of je al een SSL certificaat hebt geïnstalleerd, moet je wellicht ook de “Flexible SSL” optie inschakelen.

We raden je aan om de volgende diensten tijdelijk uit te zetten, aangezien we gezien hebben dat dit soms problemen kan opleveren:

• CDN (als je een plugin zoals CDN Enabler gebruikt kan je deze tijdelijk uitzetten)
• Adobe Fonts (maak hier een comment van of verwijder ze uit je header, anders zien je lettertypen er zometeen kapot uit)

Als je niet weet hoe je dit moet doen, kan je contact opnemen met je host. Of gebruik de opties hieronder, waardoor er sowieso niks stuk kan gaan.

Stap 2

Er wordt een preview gemaakt. Klik op “Check it”.

Stap 3

Je krijgt nu een tijdelijke URL toegewezen die je kan gebruiken om je WordPress website te bekijken voordat je de DNS aanpast. Je kan naar de tijdelijke URL toegaan en rondklikken op je website om te checken dat alles werkt zoals zou moeten.

Optie 2: Zo bewerk je het hosts bestand bij Windows

Optie 2 vereist het bewerken van je hostsbestand. Deze methode is veel realistischer, zodat alles zoveel mogelijk op je live website lijkt. Een voordeel van deze methode boven de tijdelijke URL is dat je je ook geen zorgen hoeft te maken over je CDN of webfonts.

Zoek je een snelle en makkelijke manier, dan kan je een gratis toepassing zoals Hosts File Editor gebruiken. Hiermee kan je meerdere gegevens tegelijk wijzigen, en ze ook filteren en sorteren.

Wil je dat niet, volg dan de stappen hieronder om het hosts bestand handmatig aan te passen op een Windows computer.

Stap 1

Het hosts bestand vereist meestal extra toegangsrechten. Je moet daarom eerst je tekstverwerker openen als administrator. Klik hiervoor op het startmenu, zoek naar je tekstverwerker, rechtsklik erop en selecteer “Run as administrator”. Dit kan je doen bij elke tekstverwerker, bijvoorbeeld Notepad, Notepad++, Atom etc. We gebruiken Sublime in het voorbeeld hieronder.

Stap 2

Binnen je tekstverwerker klik je op File > Open en ga je naar de volgende locatie:

C:\Windows\System32\drivers\etc\

Stap 3

Klik vervolgens op het bestand ‘hosts’ en op “Open”.

Stap 4

Helemaal onderaan het bestand voer je het IP adres in (dat je hierboven al gevonden hebt) en je domeinnaam (in ons voorbeeld gebruiken we wpdev.ink). Wil je ook je redirects testen, dan kan je ook de www of non-www versie toevoegen. Hier een voorbeeld van wat wij veranderd hebben in het hosts bestand.

 192.168.1.2 wpdev.ink
 192.168.1.2 www.wpdev.ink

Nadat je bovenstaande regels toegevoegd hebt, sla je het bestand op.

Vervolgens open je de browser en ga je naar het opgegeven domein. Dit zal dan net zo te zien zijn als wanneer het op Kinsta’s servers staat. Je kan verschillende zaken testen, zoals het inloggen op je WordPress admin dashboard, rondklikken op links, dat soort dingen. Nadat je helemaal tevreden bent, verwijder je de DNS informatie weer van je hosts bestand. Je kan vervolgens je DNS echt naar Kinsta’s servers laten wijzen via je domeinregistreerder of via een externe DNS provider.

Optie 3: Zo bewerk je het hosts bestand bij Mac

Volg de stappen hieronder om het hosts bestand handmatig aan te passen op een Mac.

Stap 1

Klik op “Finder” onderaan je scherm. Klik vervolgens op Applications en dan op Utilities.

Stap 2

Klik op de “Terminal”, voer het volgende in en druk op Enter (je wordt meestal ook gevraagd om je administrator wachtwoord in te voeren).

sudo nano /private/etc/hosts

Stap 3

Druk weer op Enter om het bestand te bewerken. Ga naar beneden met de pijltjes op je toetsenbord. Voer het IP adres in (dat je hierboven al gevonden hebt) en je domeinnaam (in ons voorbeeld gebruiken we wpdev.ink). Wil je ook je redirects testen, dan kan je ook de www of non-www versie toevoegen. Hier een voorbeeld van wat wij veranderd hebben in het hosts bestand.

192.168.1.2 wpdev.ink
192.168.1.2 www.wpdev.ink

Druk vervolgens op CTRL + O, waarna je gevraagd wordt of je inderdaad het bestand wil bewerken. Druk op Enter. Je zou nu een bevestiging moeten zien dat het bestand is bewerkt, onderaan in je scherm. Sluit vervolgens de Terminal af.

Vervolgens open je de browser en ga je naar het opgegeven domein. Dit zal dan net zo te zien zijn als wanneer het op Kinsta’s servers staat. Je kan verschillende zaken testen, zoals het inloggen op je WordPress admin dashboard, rondklikken op links, dat soort dingen. Nadat je helemaal tevreden bent verwijder je de DNS informatie weer van je hosts bestand. Je kan vervolgens je DNS echt naar Kinsta’s servers laten wijzen via je domeinregistrar of via een externe DNS provider.