Het leven wordt duurder, en we proberen op alle mogelijke manieren dubbeltjes en kwartjes tot aan hele euro's te besparen. Ook in het digitale leven gaan de prijzen omhoog. Over een paar weken is het 1 januari, en misschien wordt 2023 wel een schrikjaar. Met de digitale gereedschappen die er op vandaag zijn, is het maken en publiceren van een website steeds eenvoudiger. Maar is het ook goedkoper? Dat valt te bezien.

Als je een website moet maken die als voornaamste doel heeft jezelf of je bedrijf te presenteren, dan is het niet nodig een uitgebreid Content Management Systeem (CMS) te gebruiken. Wel natuurlijk als je in de toekomst grotere plannen hebt met de website, zoals het presenteren van een winkel met producten en het toelaten van meerdere gebruikers die op je website in kunnen loggen en de inhoud moeten kunnen veranderen. Voor een massagepraktijk bijvoorbeeld, is het vooral van belang om je op het web te presenteren, je contactgegevens bekend te maken en eventueel de tarieven die je voor de diensten in rekening wil brengen. Met deze website als voorbeeld laat ik zien hoe het goedkoop en niet al te moeilijk kan.

Domein registreren.

Allereerst zul je een naam op internet moeten hanteren. Als je al een bedrijf hebt, hoef je hierover niet lang na te denken. Om die naam op internet te kunnen gebruiken moet je een zogenaamd domein registreren. In ons geval is dat “kantamassage”. Je kunt er “kantamassage.com” van maken of “kantamassage.nl”. De meeste mensen in Nederland zijn gewend aan het .nl suffix. Dus daar gaan we voor. Je kunt eventueel ook andere suffixen, of domeinnamen die heel erg op je bedrijfsnaam lijken, registreren. Dit om te voorkomen dat iemand anders zich die domeinen gaat toe-eigenen en zich gaat voordoen als jouw bedrijf. Er zijn veel bedrijven die je hiermee willen helpen, bijvoorbeeld namecheap, godaddy ,mijndomein, strato, hostinger, kies er een die je het meest bevalt, de prijzen zullen elkaar niet zo heel veel ontlopen.

Ping ping

Je hebt het domein gekocht, wat heb je dan? Alleen een domeinnaam? Je domeinprovider heeft ook een uniek nummer op internet voor jou gereserveerd: een ip-adres. Zo'n ip-adres is uiteindelijk het adres van een machine waar een browser gaat zoeken of daar iets te vinden is om je te tonen. Voor kantamassage is dat bijvoorbeeld 34.249.138.199. Maar is daar dan iets te vinden? Helaas niet, want we hebben alleen een domeinnaam gekocht, en geen ruimte op een computer dat te benaderen is op het internet, en waar je bestanden op kunt zetten die een browser dan zal tonen. Die ruimte kun je in de meeste gevallen wel bijkopen bij het bedrijf waar je de naam hebt geregistreerd. Dat betekent echter wel dat je tien keer zoveel te betalen hebt als voor je domeinregistratie. Voor dat geld heb je die websiteruimte met een versleutelde https verbinding (het slotje in de adresbalk). Maar we willen alles toch goedkoop houden? Ondanks dat we ook nog alles simpel willen houden, moeten we toch wat extra doen om gratis ruimte en een gratis https-slotje te scoren.

Github

Er zijn plekken waar je wel gratis je bestanden neer kunt zetten zodat ze via internet te benaderen zijn. Zoek eens op “free hosting” in een zoekmachine. Hostinger of 000webhost bieden bijvoorbeeld een gratis pakket aan. Je hebt daar zelfs uitgebreidere mogelijkheden met website-builders of met Wordpress. Er bestaat echter ook een speciale plek die oorspronkelijk is gebouwd om open-source software op te bewaren en om het mogelijk te maken met meerdere mensen aan hetzelfde programma te kunnen werken: Github. Die historie is voor ons niet zo belangrijk. Wat ik zelf wel belangrijk vind, is dat deze plek meer garantie biedt voor een goede en snelle werking van je website. Bij 000webhost bijvoorbeeld, is je gratis website erg traag, en op sommige tijden van de dag gewoon niet bereikbaar. Op Github zul je dat niet echt meemaken, is mijn verwachting.

Niets installeren

Maar hoe zet je website-bestanden op Github? Je maakt dan gebruik van Github Pages, dat speciaal voor webpagina's bedoeld is. Allereerst maak je een account aan op Github. Daarna maak je een zogenaamde repository aan waarvan de naam de volgende structuur heeft: accountnaam.github.io. Dat is stap 1 op deze instructiepagina. Anders dan op deze pagina wordt voorgesteld, kun je het af zonder nieuwe git-software te installeren. Git is een versiebeheersysteem, en je zult dat een beetje moeten leren voor je er mee kunt werken. Gelukkig is dat niet nodig en hoef je de vervolgstappen op deze instructiepagina niet te volgen. Ik heb deze software niet op mijn computer gezet en toch heb ik de bestanden er neer kunnen zetten. Dat kun je namelijk eenvoudig doen door te navigeren naar je repository die je net hebt aangemaakt, en gewoon op de knop Add file te klikken en daarna op Upload files. Geef een omschrijving bij het uploaden (git is per slot een versiebeheer systeem en houdt alle veranderingen bij), en bevestig je keuze. De bestanden staan nu op je Github-page, en zijn benaderbaar door in de browser accountnaam.github.io te typen! In ons geval is dat kantamassage.github.io.

De website maken

Hoe heb ik die bestanden dan aangemaakt die ik op Github gezet heb? De website heb ik vrij snel gemaakt met behulp van het parallax template op w3schools. Eigenlijk is het al genoeg om de broncode van dit template te kopiëren en op je computer als index.html te bewaren. Daarna kun je zelf de tekst, kleuren en foto's aanpassen. Maar je kunt het natuurlijk ook op de w3schools-manier doen.

Https

We hebben dus een website op Github en we hebben een domeinnaam. Nu moeten we ervoor zorgen dat als je "https://kantamassage.nl" in je browser typt, je ook terecht komt op Github. Dat kan met een ander bedrijf: Cloudflare. Dat is een bedrijf dat veel diensten aanbiedt die te maken hebben met websites en het beheer ervan. De meeste diensten gaan over het sneller en veiliger maken van je website. Ook hier maak je een account aan. Daarna kun je meteen een website toevoegen. Kies dan op de volgende pagina voor het gratis abonnement. Vervolgens worden alle gegevens over je domein ingelezen. Die kun je vergelijken met de gegevens die bij je provider van je domeinnaam (registrar) vindt. Dit gaat over de zogenaamde DNS-instellingen. In wezen is het de inhoud van een databaserecord waarin staat naar welk ip-adres de browser moet kijken als je een domeinnaam intypt. Een soort woordenboek, of beter nog een telefoonboek van namen en nummers. Daarna komt een belangrijke stap. Die gaat dan niet automatisch, want je moet bij je registrar iets veranderen: de computers die deze dns-database bijhouden: de nameservers. Daar moeten in plaats van de nameservers van de registrar die er nu staan, de namen van de nameservers van Cloudflare komen te staan. In ons geval is dat arnold.ns.cloudflare.com en demi.nl.cloudflare.com. Als je dat gedaan hebt kun je bevestigen dat je dat gedaan hebt door op de knop "Done, check nameservers" te klikken. Bij de paar stappen die daarna volgen kun je je gewoon bij de standaard waarden houden. En daarna is het wachten tot Cloudflare vindt dat het goed is.

Ping

Ondertussen kunnen we nog eens kijken naar de Github-pages. Want wat we later gaan doen, is vertellen tegen die nameservers van Cloudflare dat hij voor het domein niet meer naar het oorspronkelijk ip-adres (dat was in ons voorbeeld 34.249.138.199) moet wijzen, maar naar het ip-adres van de Github-pages. Maar wat is dat ip-adres van Github dan? En Github heeft veel pages, hoe weet Github welk van de pages getoond moet worden als Cloudflare de browser volgens onze opdracht naar Githubs ip-adres stuurt? Eerst maar eens het ip-adres opzoeken. In deze documentatie vind je zelfs een viertal nummers.

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

Dan toch maar eens pingen naar kantamassage.github.io. Kennelijk is het ip adres dan 185.199.110.153

Cname

Onze tweede vraag was: hoe weet Github dat de vraag van de browser voor kantamassage.nl naar kantamassage.github.io moet wijzen en niet naar bijvoorbeeld blabla.github.io? Daarvoor is het nodig dat je nog wat informatie toevoegt aan Github Pages, namelijk de naam van het binnenkomende domein: kantamassage.nl. Onder menu-tem Settings->Pages vind je het kopje Custom Domain.

Als je hier de naam invult, wordt een bestandje met de naam CNAME aangemaakt in de root van je repository. De inhoud van het bestandje bevat de naam die je hebt ingevuld: “kantamassage.nl”. Zo wordt kantamassage.nl niet alleen aan het ip adres van github.io (185.199.110.153) gekoppeld, maar ook aan het subdomein kantamassage op github.io (kantamassage.github.io).

Nu weer terug naar Cloudflare. Als de nameservers goed staan, en in Cloudflare krijg je de melding dat het ok is, dan kun je eindelijk de verwijzing naar Github in de dns zetten:

De ipnummers voor de AAAA-records (ipv6) kun je ook met ping vinden, maar dan met ping -6 domeinnaam. Probeer het eens uit en verbaas je erover dat je een https-website hebt voor weinig geld!

“Verwijsbrief”

Je hebt nu voor ongeveer 10 euro per jaar ( de prijs van de domeinregistratie) een https-website online. Als je meer domeinen hebt geregistreerd, bijvoorbeeld kantamassage.com dan kun je die laten doorverwijzen naar kantamassage.nl bij je registrar, door het aanmaken van een 301 redirect. Dat is meestal een kwestie van een paar klikken en de domeinnaam in vullen.

Nieuw

Voor mij was het allemaal betrekkelijk nieuw, deze manier van website-beheer, en ik heb ook wel zitten stoeien met die ip-adressen van Github. Daarom heb ik het ook allemaal nog eens goed opgeschreven en kan ik het hier delen. Maar het kan zijn dat sommige dingen ook wel beter kunnen. Ik zag bijvoorbeeld een soort van “Pages”-mogelijkheid bij Cloudflare. Dat is waarschijnlijk nog makkelijker, ik weet alleen niet of dat ook gratis is. Ik heb er in ieder geval wel van geleerd, en laat het me gerust weten wanneer het nog beter of makkelijker kan.

#website #internet #domein #https #gratis

Discuss...

Na de laatste prijsverhoging van Wordpress.com begon ik te twijfelen of ik deze blog daar wel zou willen voortzetten. Vooral ook, omdat ik niet zo vaak publiceer. Een keer per maand gemiddeld. Een paar dagen geleden heb ik de knoop doorgehakt. Ik ga voorlopig over naar het gratis account van WordPress. Voor mistynotes betekent dat dan dat de domeinnaam mistynotes.blog weggehaald wordt en alleen maar toegankelijk is via het subdomein mistynotes van wordpress.com (mistynotes.wordpress.com). Toch hou ik voorlopig dit domein graag aan. Hoe je een domein van Wordpress naar een andere provider verplaatst, het domein toch naar Wordpress laat verwijzen onder een gratis https protocol, leg ik hier uit.

Verhuizen...

Een tijd geleden kreeg ik van Wordpress.com een paniekbericht: ze wisten niet hoe ze geld van mijn rekening konden halen, en daarom zou mijn abonnement mogelijk niet verlengd kunnen worden! Ik had daar natuurlijk zelf voor gezorgd, en nu is dan de tijd om het domein eens te gaan verhuizen. Dat kan bij Wordpress.com via een aantal muisklikken. De bedoeling is, dat Wordpress je een sleutel geeft in de vorm van een aantal letters en tekens. Als je vervolgens bij een andere provider aangeeft dat je daar een nieuw domein wil aanmaken vanuit een bestaande situatie, dan kun je daarvoor deze sleutel gebruiken.

... vanuit Wordpress.com...

Bij Wordpress zoek je de menu-optie Beheren, en klapt deze open. Dan verschijnen er vier opties. Klik op de optie Domeinen. Dan verschijnt er rechts een pagina, met de geregistreerde domeinen. Eén daarvan is mistynotes.blog. Die nemen we dan als voorbeeld voor het verhuizen. Klik erop.

Je ziet nu de instellingen voor je domein. Als laatste optie vind je “Domein overzetten”. Daar klik je dan weer op.

Hier kies je de eerste optie: “Draag ze over aan een andere registrar”.

Dan zie je een felgekleurde knop met boven een waarschuwing dat je privacybescherming verwijderd wordt. Die privacybescherming is bedoeld om niet iedereen jouw email adres en naam te tonen, wanneer er op een van de vele “whois”-sites op je domein gezocht wordt (bijvoorbeeld whois.com). Daar staat nu zoiets als Wordpress, in plaats van je naam. Na het verhuizen, zul je ook nog beschermd worden door je nieuwe provider. Dus we klikken gewoon op die knop.

Dan krijg je de melding dat je een email hebt gekregen met een sleutel die je bij je nieuwe provider kunt gebruiken om de verhuizing te voltrekken.

... naar de nieuwe provider...

Als nieuwe provider heb ik mijndomein.nl. Nu heb ik mijn twijfels of dit een goede provider is, maar ik heb ook andere domeinen hierbij geregistreerd, en dat is eigenlijk de enige motivatie om het nieuwe domein hier onder te brengen. De *.blog domeinen zijn nogal duur. Hier kost deze vijfenveertig euro per jaar. De *.nl domeinen zijn een stuk goedkoper. Die krijg je zelfs voor een tientje per jaar. Heb je een nl-domein en doe je verder niks met die wordpress.com mogelijkheden (die overigens niks voorstellen bij een “personal abonnement”), dan kun je ook een gratis wordpress-account overwegen. Dat scheelt aanzienlijk in de kosten. Als voorbeeld nemen we dus mijndomein.nl om te laten zien hoe de verhuizing te werk gaat.

Eerst “bestel” je een nieuw domein:

En meteen is te zien dat het domein bezet is. Het is bij iedere provider natuurlijk anders, maar hier kan ik op een klein knopje “verhuizen” klikken. Dan komt er een formulier waarin je de verhuissleutel kunt invullen. Je ziet hem hier open en bloot staan. Ik ga er van uit dat hij nu, na de verhuizing niet meer geldig is.

Vervolgens krijg je natuurlijk nog een heleboel keuzemogelijkheden, die gratis zijn, maar waarvoor je na een jaar (of misschien wel na een maand) het volle pond moet gaan betalen. Hier kies ik niets van, alleen de domeinnaam, die al duur genoeg is hier.

En dan toch nog even een bedankje

In het email van WordPress kon je op een link klikken, waarmee je het proces wat kunt versnellen.

Dat heb ik dan maar gedaan. Vervolgens keek ik in het overzicht van mijn nieuw provider, en zag de status van het domein veranderen.

... en daar terugverwijzen naar Wordpress

Na een tijdje is de status dus “verhuisd”. Tijd om dit domein naar mistynotes.wordpress.com te laten verwijzen. Daar zijn verschillende manieren voor, maar ik doe het gewoon met de HTTP 301 manier, een zogenaamde “redirect”. Daarvoor is een aparte plek bij de provider te vinden onder “doorverwijzen”, waar je de doel-website kunt invullen.

Maar hoe zit het met https?

Na een tijdje geeft http://mistynotes.blog de website weer die op mistynotes.wordpress.com staat. Mijn firefox was erg koppig. De browser wilde steeds naar de https manier overschakelen. Je kunt dan alle sitepreferenties verwijderen, om firefox te vertellen dat ie dat niet moet doen. Je kunt ook tijdelijk een andere browser gebruiken. Met Tor ging het meteen goed, en onder de privé-modus van firefox ging het ook goed. Toch is het jammer dat het slotje weg is, want het certificaat dat Wordpress gebruikt, is nu niet meer actief voor mistynotes.blog. En bij mijn nieuwe provider heb ik alleen de domeinnaam geregistreerd, en geen ssl-mogelijkheid gekocht. Er is wel een manier om dat toch te regelen. Dat kan bij het bedrijf Cloudflare. Hiervoor moet je wel een account bij Cloudflare aanmaken. Daarna krijg je meteen een scherm voor je neus met de vraag welke website je wil aanmelden.

Kies een dan gratis plan:

Dan heeft cloudflare vanalles voor je klaar gezet en vraagt of je dit wil checken. Ik kijk er met een wazige blik naar en zeg dat het goed is.

Cloudflare geeft ook aan dat je de nameservers bij dit domein bij je provider moet wijzigen. Dat heb ik dan bij “mijndomein.nl” uitgevoerd.

Je krijgt ook een aantal opties om de security en snelheid in te regelen bij Cloudflare. Deze krijgt ook een wazige blik van mij en een klik op de knop “Done”.

Het duurt wel een tijdje voordat alle andere nameservers deze aanpassing hebben gekopieerd en doorgevoerd. In ieder geval werkt https://mistynotes.blog nu ook. Als je een goedkoop domein hebt, bijvoorbeeld een nl-domein voor een tientje per jaar, dan is dus gecombineerd met een gratis Wordpress account en een gratis Cloudflare account, vrij goedkoop een site te houden.

Ideaal is het allemaal niet. Een gratis wordpress account betekent ook advertenties. Hopelijk wordt dat niet al te storend. En een aantal mensen vertrouwt Cloudflare niet. Ik heb echter wel gemerkt dat dit bedrijf tussen jou, als internetgebruiker, en heel veel andere websites zit. Geen goed argument natuurlijk, maar voorlopig hou ik het hierbij. Het alternatief om Wordpress zelf te hosten op een machine, een Raspberry Pi bijvoorbeeld (een suggestie bij een vorig blogje), kost me wat teveel tijd. Elke andere manier betekent je overleveren aan een of andere hostingdienst. En die zou je om dezelfde redenen dan ook niet kunnen vertrouwen, nietwaar? Het is natuurlijk wel een mooie uitdaging om alles zelf te doen, als het je hobby is.

Update: mistynotes.blog wijst nu via een 'redirect' naar mistynotes.nl, en niet meer naar wordpress.com.

#wordpres.com #domein #verhuizen #subdomein #https #movedomain #hacks