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
Altijd onder handbereik: zo maak je mappen vast aan de taakbalk
© MD - stock.adobe.com
Huis

Altijd onder handbereik: zo maak je mappen vast aan de taakbalk

De taakbalk is ook in Windows 11 de plaats waar je je favoriete apps vastmaakt. Wist je dat het zelfs mogelijk is om mappen die je vaak gebruikt toe te voegen? Handig als je regelmatig dezelfde mappen nodig hebt, zoals Downloads of een projectmap. Op die manier hoef je niet eerst langs de Verkenner en open je de map met slechts één klik.

Dit gaan we doen

Je maakt eerst een snelkoppeling naar de map die je vaak nodig hebt. Daarna pas je die snelkoppeling aan zodat Windows hem als 'open in Verkenner' herkent. Tot slot maak je hem vast aan de taakbalk, zodat je die map voortaan met één klik opent.

Lees ook: De verborgen parels van Windows 11: deze apps moet je hebben

Maak een snelkoppeling van de map

Als je zomaar een map op de taakbalk probeert te slepen, zul je merken dat je de map op die manier niet kunt vastmaken. Eerst moet je een snelkoppeling op het bureaublad plaatsen. Klik daarom met de rechtermuisknop op een lege plek van het bureaublad en kies in het contextmenu de opdracht Nieuw / Snelkoppeling. In de pop-up Snelkoppeling maken moet je eerst de locatie van het item opgeven. Klik hiervoor op Bladeren en navigeer naar de map die je straks wilt vastmaken. Dit werkt met iedere lokale map, maar ook met mappen die op OneDrive staan. Selecteer de gewenste map. De locatie verschijnt vervolgens in het locatieveld van de nieuwe snelkoppeling.

Maak een snelkoppeling aan via het bureaublad en geef de locatie van de gewenste map op.

Voeg explorer.exe toe

In dit veld moet je nog een aanpassing doen: typ vóór het pad naar de map explorer.exe gevolgd door een spatie. Het pad naar de map zelf plaats je tussen aanhalingstekens. De locatie van de map Downloads wordt dan bijvoorbeeld explorer.exe "C:\Users\username\Downloads" en van de map Muziek: explorer.exe "C:\Users\username\Muziek". Vervang uiteraard username door je eigen gebruikersnaam in Windows. Klik daarna op Volgende en geef de snelkoppeling een duidelijke naam. Rond af met Voltooien.

Typ explorer.exe gevolgd door het pad naar de map en zet het pad tussen aanhalingstekens.

Aan de taakbalk vastmaken

Klik daarna opnieuw met de rechtermuisknop op de nieuwe snelkoppeling. In het menu kies je Meer opties weergeven en vervolgens Aan taakbalk vastmaken. Vanaf nu staat de map netjes op de taakbalk. Als je met de muis over het pictogram beweegt, verschijnt de naam van de map. Klik je erop, dan wordt de map geopend in Windows Verkenner. Wil je de map later weer losmaken van de taakbalk, klik dan met de rechtermuisknop op het pictogram en kies Van taakbalk losmaken.

Klik met de rechtermuisknop op de snelkoppeling en kies Aan taakbalk vastmaken.

▼ Volgende artikel
De Super Bowl-trailers op een rij - The Mandalorian and Grogu, Minions en meer
© Lucasfilm
Huis

De Super Bowl-trailers op een rij - The Mandalorian and Grogu, Minions en meer

Ieder jaar schakelen duizenden mensen in voor de Super Bowl - de afsluiting van het Amerikaanse Football-seizoen. Het draait alleen niet voor iedereen om de sport. Nee, in de pauze wordt de uitzending namelijk overladen met trailers van aankomende films, series en absurde advertenties met verschillende beroemdheden. Afgelopen nacht was het weer raak, dus wij hebben de trailers en grappigste advertenties voor je op een rij gezet.

The Mandalorian and Grogu eert Super Bowl-advertenties

Star Wars is inmiddels al bijna zeven afwezig in de bioscopen, maar op 20 mei van dit jaar komt daar eindelijk verandering in. Din Djarin en Grogu uit de Disney+-serie The Mandalorian maken hun debuut op het witte doek. In de film werkt de titulaire Mandalorian samen met de New Republic om de restanten van het kwaadaardige Galactic Empire op te ruimen, terwijl zijn adoptieve zoontje Grogu - Baby Yoda in de volksmond - om leert gaan met zijn magische Force-krachten. Tijdens de Super Bowl werd een korte promotievideo getoond, die net als de film geregisseerd is door Jon Favreau en lijkt een hommage aan klassieke Super Bowl-advertenties voor trucks en bier te zijn.

Watch on YouTube

The Super Mario Galaxy Movie refereert aan Super Mario Odyssey

Nintendo was ook aanwezig tijdens de Super Bowl, met een korte teaser van The Super Mario Galaxy Movie - mede geproduceerd door de animatiestudio Illumination. In de teaser zien we babyversies van Mario en Luigi samen met Toad en Yoshi, en een T-Rex in een oerwoud. Naast dat de dinosaurus erg vergelijkbaar met de T-Rex uit Jurassic Park klinkt, is dit tafereel ook een referentie naar een moment Super Mario Odyssey. Daarin kan de speler controle nemen over eenzelfde soort dino. Hoewel de Super Mario Galaxy Movie vernoemd is naar de games die zich voornamelijk in de ruimte afspelen, haalt de film dus ook elementen uit andere Mario-games aan. Vanaf 1 april is de film te zien. 

Watch on YouTube

Disclosure Day toont paranoia en hint naar aliens

Steven Spielberg is terug met een nieuwe sciencefictionfilm in Disclosure Day, met een sterk geladen cast in Josh O’Conner, Emily Blunt, Colin Firth, Colman Domingo en Eve Hewson. De film lijkt te gaan over het bestaan van aliens, dat langzaam maar zeker bekend wordt voor de mensen op aarde. Sommigen, met meer kennis over de zaak, willen het bestaan van de buitenaardse wezens echter in één klap aan de wereld bekendmaken. Disclosure Day draait vanaf 12 juni in de bioscoop. 

Watch on YouTube

Zie Brad Pitt in The Adventures of Cliff Booth

Quentin Tarantino is bijna toe aan het maken van zijn laatste film, maar personages die hij eerder heeft gemaakt worden nog onder handen genomen door andere creatievelingen. David Fincher bijvoorbeeld, die een Netflix-serie rondom het personage Cliff Booth uit Once Upon a Time In Hollywood regisseert op basis van scripts die zijn geschreven door Tarantino. De serie speelt zich na de gebeurtenissen van de film af, en Brad Pitt kruipt weer in de rol van Booth - een stuntman in Hollywood die nu in de penarie zit.

Watch on YouTube

Minions and Monsters komt ook dit jaar 

De inmiddels iconische gele mannetjes uit de Despicable Me-films zijn ook terug voor een nieuwe ‘solo’-film, al is Minions and Monsters niet per se een vervolg op de eerste twee Minions-films. In dit deel werkt een groep minions als monsters op een filmset, totdat ze het idee krijgen om zelf een monsterfilm te maken. Het enige probleem is dat ze geen monsters hebben, dus daar gaan ze naar op zoek in de vorm van onder andere een mini-Cthulhu, een mummie en meer. De film van Illumination komt op 1 juli uit in de bioscoop, maar vier maanden nadat de studio ook The Super Mario Galaxy Movie aanlevert. 

Watch on YouTube

Laatste trailer van Project Hail Mary is geland

Phil Lord en Christopher Miller, het regieduo dat onder andere bekendstaat om hun werk aan de Spider-Verse-films, komt dit jaar ook met een spiksplinternieuwe blockbuster. Project Hail Mary is een sciencefictionverhaal gebaseerd op het gelijknamige boek van Andy Weir - tevens de schrijver van The Martian, waar in 2015 ook een film van uitkwam. Deze laatste trailer toont onder andere meer van de relatie tussen Ryan Goslings personage en een alien genaamd Rocky, alsmede verschillende kleurrijke shots in de ruimte. Goed om te benoemen is dat de cinematografie van de film verzorgd is door Greig Fraser, die bekendstaat om het in beeld brengen van The Batman en Denis Villeneuve’s Dune-films. 

Watch on YouTube

Meer teasers voor Supergirl, Scream 7 en Hoppers

Dan zijn er tijdens de Super Bowl ook nog korte teasers uitgebracht voor de aankomende Pixar-film Hoppers en de horrorfranchise Scream, die inmiddels toe is aan een zevende deel. Ook werd een nieuwe teaser voor Supergirl uitgebracht tijdens de Puppy Bowl - een soort parodie op de Super Bowl, maar met honden. 

Watch on YouTube
Watch on YouTube
Watch on YouTube

Deze advertenties werden getoond tijdens de Super Bowl

De terugkeer van Jurassic Park met Xfinity

Het telecombedrijf Xfinity heeft voor de Super Bowl een promotievideo geproduceerd waarin Sam Neill, Jeff Goldblum en Laura Dern hun respectievelijke rollen van Alan Grant, Ian Malcolm en Ellie Sadler uit Jurassic Park weer vertolken. Ze spelen daarin verschillende scènes uit die film na, en ogen met behulp van de-aging-technologie jonger. 

Watch on YouTube

Beroemdheden vieren Pokémons dertigste verjaardag

In een speciale promotievideo voor de dertigste verjaardag van de Pokémon-franchise dit jaar hebben verschillende bekendheden als Lady Gaga, Trevor Noah, Charles Leclerc en K-Pop-ster Jisoo het over hun favoriete Pokémon.

Watch on YouTube

Ben Affleck doet een parodie op Good Will Hunting

Acteur Ben Affleck zet in 2026 zijn samenwerking met Dunkin’ Donuts ook door, dit jaar door Good Will Hunting - de film waarmee hij samen met Matt Damon doorbrak - op de hak te zetten. De promovideo is geschoten als een sitcom genaamd Good Will Dunkin’, en toont Affleck met andere bekende sitcom-acteurs als Jennifer Anniston, Matt Leblanc en Alfonso Ribiero

Watch on YouTube