ID.nl logo
Huis

KeyCDN: Mixed content voorzien van https

Ben je voor een eigen website overgestapt naar een https-verbinding, dan moet je er voor zorgen dat ook alle losse onderdelen zoals scripts en afbeeldingen (mixed content) via een versleutelde verbinding worden geladen. Lees hier hoe je dat doet met KeyCDN.

De meest voorkomende fout bij het overzetten van een website naar een https-verbinding gaat over de zogenaamde mixed content. Zo’n fout ontstaat als een website zelf over een beveiligde https-verbinding wordt opgevraagd, maar bijbehorende losse onderdelen (zoals scripts, css-bestanden, afbeeldingen en video’s) via een onbeveiligde http-verbinding worden ingeladen. De website zal daardoor alsnog als onveilig worden beschouwd en het groene slotje in de adresbalk ontbreekt.

Je zult bij de overstap naar https niet alleen je ssl-configuratie moeten controleren, maar ook goed je website zelf na moeten lopen om te controleren dat bijvoorbeeld daadwerkelijk alle bronnen via https worden geladen. Chrome geeft via het Hulpprogramma’s voor ontwikkelaars (Ctrl+Shift+I) inzicht in zulke fouten als je de console opent. Er zijn ook handige websites die je helpen bij het controleren op mixed content, zoals JitBit.

Eigenlijk kun je pas als alles goed is opgezet nadenken over een permanente omleiding van http naar https of het gebruik van HSTS. Zulke wijzigingen zijn namelijk erg lastig terug te draaien voor jouw bezoekers, omdat browsers als Chrome en Firefox die verwijzingen zeer lang in hun cache bewaren.

Content Delivery Network

Voor statische content zoals scripts, css-bestanden en afbeeldingen maken steeds meer mensen gebruik van een zogenaamd Content Delivery Network (CDN). Met een kleine wijziging in de aanroep van content zorg je ervoor dat, als een bezoeker die content opvraagt, het vanaf een ‘cachende’ server dicht bij die gebruiker wordt opgehaald in plaats van bij je eigen server. Dat geeft veel minder vertraging en kan de snelheid waarmee je website wordt geladen enorm vergroten.

Ook hier geldt dat, om mixed content te voorkomen, je bij gebruik van een CDN moet zorgen dat er een https-verbinding naar de CDN is. Hoe je dat oplost verschilt per CDN.

KeyCDN instellen

We nemen KeyCDN als voorbeeld, een van de populairste aanbieders, met wereldwijde datacenters op 33 locaties. De aanbieder biedt goede faciliteiten, waaronder http/2 en https met meerdere opties om uit te kiezen, inclusief Let’s Encrypt. Dankzij de gratis proefperiode kun je kosteloos kennismaken met de mogelijkheden.

Na het inloggen bij KeyCDN begin je met het aanmaken van een zogenaamde zone voor je website via de optie Zones. Kies Add Zone, voer een herkenbare naam in en kies bij Zone Type voor Pull. Onder Pull Zone Settings geef je bij Origin URL de url van je website op. Vink de optie Show Advanced Features aan voor geavanceerde instellingen. Dat geeft je de mogelijkheid om https te configureren.

©PXimport

Als je de geavanceerde instellingen hebt uitgeklapt, kun je bij het kopje SSL kiezen voor https-ondersteuning, met de opties shared, custom en letsencrypt. De makkelijkste en snelste optie, die we als eerste zullen kiezen, is shared. Klik daarna onderaan de pagina op Save om dit actief te maken. Na een paar minuten is de instelling actief. Onder Zones zie je de zogenaamde Zone URL die is aangemaakt. Alle statische content van de website is nu beschikbaar via die zone-url.

We nemen de ‘default page’ van Apache als voorbeeld, waarin een logo wordt opgevraagd. We voeren hier nu de zone-url in, zodat de afbeelding voortaan vanuit de CDN wordt geladen. KeyCDN gebruikt in deze situatie overigens een certificaat van Thawte, zoals je ook in bijvoorbeeld het hulpprogramma’s voor ontwikkelaars in Chrome kunt terugzien op het tabblad Security.

Let's Encrypt

KeyCDN ondersteunt ook het gebruik van Let’s Encrypt met een zogenaamde zonealias , wat er ook meteen mooier en professioneler uitziet dan gebruik van de zone-url zoals hierboven. We laten zien hoe dat werkt. We gaan terug naar Zones en klikken bij de hiervoor aangemaakte zone op Manage / Edit. Vink de optie Show Advanced Features aan en kies nu bij SSL voor letsencrypt. Klik op Save om de aanpassingen te bewaren.

Nu moet je een zogenaamd cname-record aan de dns-instellingen voor het domein toevoegen met in ons geval de naam cdn en als waarde de zone-url. Bij het invoeren van die waarde moet je hier, onder andere bij TransIP, overigens nog een afsluitende punt achter zetten. Nu hoef je alleen nog een Zonealias toe te voegen bij KeyCDN.

©PXimport

Voordat je de zonealias gaat toevoegen is het voor de validatie van Let’s Encrypt belangrijk dat de dns-instellingen zijn doorgevoerd. Dit kan tot maximaal 24 uur duren na een wijziging, maar gaat meestal veel sneller. Controleer eventueel of dit al klaar is via deze site. Ga in je KeyCDN-account naar Zonealiases en kies Add Zonealias. Bij Alias voer je de naam in die je voor de cname hebt gebruikt. Bij Zone kies je de zone die er bij hoort. Druk ten slotte op Add.

Het kan nu tot vijf minuten duren voordat de zonealias overal actief is. De afbeelding is nu voortaan beschikbaar via (bijvoorbeeld) https://cdn.xda.nl/icons/openlogo-75.png. Het feit dat je eigenlijk gewoon www kunt vervangen door cdn, voor bronnen die vanuit de CDN geladen moeten worden, maakt het gebruik hiervan net wat eenvoudiger.

Certificaat vernieuwen

Je hoeft je over het vernieuwen van het bewuste certificaat geen zorgen te maken, die taak ligt bij KeyCDN. Heb je je website zelf nog niet overgezet naar https? Je kunt dan evengoed je CDN gebruiken en de statische content via een https-verbinding bij de CDN laden. Hoewel de website zelf geen https-gebruikt, is het laden van bronnen via https geen probleem en dit geeft dus ook geen mixed content fouten.

Je profiteert bovendien van http/2 van KeyCDN, wat een flink snelheidsvoordeel biedt als je meerdere bronnen bij de CDN opvraagt vanuit dezelfde internetpagina, bijvoorbeeld een flink aantal scripts, stylesheets en afbeeldingen. Als je website wél al een https-verbinding heeft, profiteer je daar natuurlijk ook van.

▼ Volgende artikel
De nieuwe Fable komt dit najaar naar Xbox, PlayStation 5 en pc
Huis

De nieuwe Fable komt dit najaar naar Xbox, PlayStation 5 en pc

Fable, de nieuwe adventuregame van Playground Games,verschijnt aankomend najaar op Xbox Series-consoles, PlayStation 5 en pc. Dat werd vanavond tijdens de Xbox Developer Direct aangekondigd.

Het was al bekend dat de game naar Xbox en pc kwam, maar nu is dus ook duidelijk dat het spel op release ook voor PlayStation 5 beschikbaar zal zijn. Daarbij weten we nu dus dat Fable ergens aankomend najaar verschijnt. Gedurende de presentatie werd uitgebreid ingegaan op de game, waarbij ook gameplay werd getoond. Hieronder zijn zowel een korte teaser trailer als de complete presentatie te zien - in die presentatie vallen veel meer beelden van de game te zien.

Een eigen held in een grootse wereld

Spelers beginnen de game als een kind in een rustig dorpje. Al snel komen spelers er achter dat ze uit kunnen groeien tot held in het land van Albion. In de beelden zijn magische bossen, drukke dorpjes, complete steden die rondom kastelen zijn gebouwd en andere prachtige omgevingen te zien. De game heeft voor het eerst in de reeks echt een open spelwereld en spelers kunnen dan ook gaan en staan waar ze maar willen.

Spelers bepalen daarbij zelf wat voor soort held ze worden. Men bepaalt het uiterlijk van het personage, de kleding die men draagt en wat het personage zoal doet in het spel. Er zijn zwaarden, men kan magie gebruiken of juist met pijl en boog aan de slag gaan. Daarbij keren er diverse vijanden uit de vorige games terug, waaronder trollen en skeletten. Natuurlijk zijn er ook nieuwe vijanden, waaronder de Cockatrice - een grote, monsterlijke kip.

Net als in de oude games kunnen spelers zich ook vermaken met allerlei randzaken buiten het hoofdavontuur. Denk aan het kopen van een huis - of élk huis - of het vinden van een partner en met ze op date gaan. Het is ook mogelijk om meerdere partners te hebben, of juist te scheiden.

Watch on YouTube

Er zijn meer dan duizend inwoners van Albion, en elk heeft een eigen rol in deze wereld, en een eigen routine. Elk personage is aanspreekbaar - inclusief ingesproken stemmen. Daarbij hebben de acties van spelers ook een groot effect op de andere personages: zo kan de speler een huisbaas worden en die verhuren, of andere inwoners zelfs op straat gooien. Spelers bouwen gedurende het spel een reputatie op, en alle inwoners reageren daar op hun eigen manier op.

Als voorbeeld werd een missie getoond rondom een inwoner - gespeeld door Britse komediant Richard Ayoade - die een middeltje uitvindt om uit te groeien tot een reus. Als spelers er voor kiezen deze reus te doden, blijft het dode lichaam van dit personage op een heuvel liggen, wat volgens de ontwikkelaars de huizenprijzen van het nabijgelegen dorpje beïnvloedt. Op Xbox Wire valt meer informatie over de game te lezen.

Het ontstaan van Fable

De Fable-franchise ontstond op de eerste Xbox-console en werd ontwikkeld door Lionhead Games, dat onder leiding stond van Peter Molyneux – ook bekend van Black & White. Deze adventure-rpg die zich afspeelde in een middeleeuwse fantasiewereld genaamd Albion – gebaseerd op Groot-Brittannië – had als unieke insteek dat spelers zelf bepaalden of ze goede of slechte daden verrichten, en het uiterlijk van het hoofdpersonage veranderde afhankelijk van deze keuzes. Spelers konden zo een koene ridder of een duivelse crimineel worden.

Ook uniek aan de game was dat spelers een levenspartner konden vinden en daarmee zelfs een kind konden krijgen. Daarnaast was een belangrijk onderdeel van het origineel en de diverse vervolgen die zijn verschenen de typisch Britse, droge humor. De Fable-reeks heeft al jaren geen nieuw deel gekregen, tot het aankomende nieuwe deel.

De nieuwe Fable

De nieuwe Fable is al een aantal jaar in ontwikkeling bij Playground Games, tevens de ontwikkelaar van de Forza Horizon-reeks. Deze reboot moet de unieke aspecten van de franchise behouden, maar een nieuwe generatie gamers er kennis mee laten maken, terwijl de hoogstaande graphics van moderne consoles en pc voor een veel gedetailleerdere spelwereld zorgen.

Watch on YouTube
Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.

▼ Volgende artikel
Forza Horizon 6 verschijnt op 19 mei, eerste gameplay te zien
Huis

Forza Horizon 6 verschijnt op 19 mei, eerste gameplay te zien

Forza Horizon 6 komt op 19 mei uit, zo werd vanavond tijdens de Xbox Developer Direct bevestigd. Ook werden er nieuwe beelden van de game getoond, waaronder de eerste gameplaybeelden.

Een selectie aan gameplaybeelden is hieronder te zien in de officiële teaser trailer. Tijdens de livestream, die ook hieronder te vinden is, werd nog veel meer informatie gegeven over het aankomende nieuwe deel in de populaire racefranchise.

Racen in Japan

Zoals eerder al bekend werd gemaakt, speelt de game zich af in Japan. De spelwereld zit vol met prachtige landschappen, waarbij klassieke natuur met moderne stedelijke omgevingen wordt gecombineerd.

Spelers arriveren in de virtuele versie van dit land als toerist, en werken zich langzaam maar zeker omhoog in de racewereld door mee te doen aan festivals. Nieuw zijn 'Horizon Rush'-evenementen waarbij spelers hun skills tonen op obstakelcourses.

Natuurlijk mogen auto's niet ontbreken in de game. Er zitten meer dan 550 wagens in de game op release. Elke wagen reageert zo realistisch mogelijk op de weg en het weer. Naast klassieke wagens zijn ook de nieuwste auto's in het spel te vinden, waaronder de GR GT.

Er zijn verschillende aanpasbare garages te vinden in de spelwereld. Spelers bepalen zelf het uiterlijk van deze garages en kunnen hier hun auto's showen. Daarnaast is er de Estate, een uitgebreid landschap waar spelers gedurende het spel hun eigen thuishaven kunnen opbouwen. Meer informatie over de game is in dit artikel op Xbox Wire te vinden.

Watch on YouTube

Forza Horizon 6-releasedatum en platforms

De releasedatum lekte onlangs al via een te vroeg gepubliceerde advertentie, maar is nu dus bevestigd. Op 19 mei komen zowel de standaard editie als een deluxe editie uit. Mensen die de laatstgenoemde editie aanschaffen, ontvangen op 15 mei al toegang tot de game. De standaard editie gaat 69,99 euro kosten.

De game komt op de bovengenoemde datum uit voor Xbox Series-consoles en pc, en later dit jaar ook voor PlayStation 5. Xbox geeft steeds vaker zijn games uit op consoles van concurrerende platforms, en Forza Horizon 6 vormt daar geen uitzondering op.

De Forza Horizon-reeks

In de Forza Horizon-games kunnen spelers naar hartenlust rondscheuren in mooie bolides. De games spelen zich af in open werelden, waarbij men de mogelijkheid heeft om aan diverse racefestivals mee te doen. Het betreft een subreeks van Forza Motorsport – dat zijn serieuzere racegames ten opzichte van de wat speelsere Horizon-titels. De populariteit van de Horizon-subreeks is die van Forza Motorsport inmiddels voorbijgestreefd.

De ontwikkelaar van de Forza Horizon-reeks is Playground Games. Zij werken ook aan de nieuwe Fable, die vandaag ook tijdens de Xbox Developer Direct werd getoond.

Watch on YouTube
Nieuw op ID: het complete plaatje

Misschien valt het je op dat er vanaf nu ook berichten over games, films en series op onze site verschijnen. Dat is een bewuste stap. Wij geloven dat technologie niet stopt bij hardware; het gaat uiteindelijk om wat je ermee beleeft. Daarom combineren we onze expertise in tech nu met het laatste nieuws over entertainment. Dat doen we met de gezichten die mensen kennen van Power Unlimited, dé experts op het gebied van gaming en streaming. Zo helpen we je niet alleen aan de beste tv, smartphone of laptop, maar vertellen we je ook direct wat je erop moet kijken of spelen. Je vindt hier dus voortaan de ideale mix van hardware én content.