Edge-functies implementeren
Leer praktische stappen om edge-functies te implementeren en beheren met platforms zoals Cloudflare Workers of AWS Lambda@Edge.
Edge-functies implementeren is een gratis Cachingstrategieën: Redis + CDN + edgecomputing-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Cachingstrategieën: Redis + CDN + edgecomputing. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Cachingstrategieën: Redis + CDN + edgecomputing bevat in totaal 4 lessen.
Klaar om edge-logica te implementeren?
We hebben geleerd wat edgefuncties zijn en waarom ze krachtig zijn. Nu gaan we praktisch aan de slag! Een edgefunctie implementeren betekent dat je je code beschikbaar maakt op servers over de hele wereld.
Hierdoor komt de logica van je applicatie dichter bij je gebruikers te liggen, waardoor de vertraging afneemt en de prestaties verbeteren. Het is alsof je overal miniversies van servers hebt!
Het wereldwijde bereik van edgefuncties
Wanneer je een edgefunctie implementeert, staat je code niet op slechts één server. De code wordt wereldwijd naar veel 'edgelocaties' gerepliceerd. Wanneer een gebruiker een aanvraag doet, voert de dichtstbijzijnde edgelocatie je functie uit.
- Code wordt naar een wereldwijd netwerk gepusht.
- De code wordt op de dichtstbijzijnde edgeserver uitgevoerd.
- De reistijd van gegevens wordt verkort.
Dit proces zorgt wereldwijd voor extreem weinig vertraging.
Populaire platforms voor edgefuncties
Verschillende cloudproviders bieden diensten voor het implementeren van edgefuncties. Twee populaire opties die we bekijken zijn Cloudflare Workers en AWS Lambda@Edge.
- Cloudflare Workers: Geschikt voor eenvoudige, snelle logica, rechtstreeks op het netwerk van Cloudflare.
- AWS Lambda@Edge: Integreert naadloos met de Amazon CloudFront-CDN.
Met beide kun je serverloze code aan de rand van het netwerk uitvoeren.
Cloudflare Workers: basisfunctie
Met Cloudflare Workers kun je JavaScript-, TypeScript- of WebAssembly-code implementeren op het wereldwijde netwerk van Cloudflare. Hier is een eenvoudige worker voor 'Hello World':
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
return new Response('Hello from Cloudflare Worker!', {
headers: { 'content-type': 'text/plain' },
})
}Implementeren met Cloudflare Wrangler
Cloudflare biedt een opdrachtregelinterface (CLI) met de naam wrangler voor het ontwikkelen en implementeren van Workers. Nadat je deze hebt geïnstalleerd en je hebt aangemeld, is het implementeren van je worker eenvoudig.
Je schrijft de code van je worker (bijvoorbeeld in index.js), configureert wrangler.toml en voert vervolgens een eenvoudige opdracht uit.
npm install -g wrangler
wrangler login
wrangler deployDe basis van AWS Lambda@Edge
Met AWS Lambda@Edge kun je standaard AWS Lambda-functies uitvoeren als reactie op Amazon CloudFront-gebeurtenissen. Zo kun je de levering van inhoud dichter bij je gebruikers aanpassen, zonder servers in te richten of te beheren.
- Integreert met Amazon CloudFront.
- Gebruikt standaard AWS Lambda-functies.
- Wordt uitgevoerd op CloudFront-edgelocaties.
Activeringsgebeurtenissen van Lambda@Edge
Lambda@Edge-functies worden geactiveerd door specifieke CloudFront-gebeurtenissen tijdens de aanvraag-/antwoordcyclus. De juiste trigger kiezen is cruciaal voor je logica:
- Viewer Request: Wanneer CloudFront een aanvraag van een viewer ontvangt.
- Viewer Response: Voordat CloudFront het antwoord naar de viewer verstuurt.
- Origin Request: Voordat CloudFront de aanvraag doorstuurt naar je origin.
- Origin Response: Nadat CloudFront een antwoord van je origin heeft ontvangen.
Lambda@Edge: headers wijzigen
Hier is een eenvoudige Node.js Lambda-functie die je met Lambda@Edge kunt implementeren om een aangepaste header aan antwoorden toe te voegen. Deze functie zou worden geactiveerd door een gebeurtenis van het type 'Viewer Response'.
exports.handler = async (event) => {
const response = event.Records[0].cf.response;
const headers = response.headers;
headers['x-edge-custom-header'] = [{
key: 'X-Edge-Custom-Header',
value: 'Hello from Lambda@Edge!'
}];
return response;
};Versies van edgefuncties beheren
Net als alle software hebben edgefuncties versiebeheer nodig. Wanneer je je code bijwerkt, implementeer je doorgaans een nieuwe versie. Zo kun je veilig terugdraaien en A/B-tests uitvoeren.
- Implementeren maakt nieuwe versies aan.
- Maakt veilig terugdraaien mogelijk.
- Ondersteunt A/B-tests van nieuwe logica.
Platforms beheren verschillende versies automatisch en stellen je in staat verkeer naar specifieke versies te sturen.
Korte controle: edge-implementatie
Stel je een situatie voor waarin je een klein stukje code wilt uitvoeren om HTTP-aanvraagheaders te wijzigen voordat de aanvraag je originserver bereikt, zodat je beveiligingstokens kunt toevoegen op basis van de locatie van de gebruiker. Welke trigger van een edgefunctie is hiervoor het meest geschikt?
Samenvatting: edgefuncties implementeren
In deze les hebben we de praktische stappen voor het implementeren van edgefuncties verkend. We hebben bekeken hoe platforms zoals Cloudflare Workers en AWS Lambda@Edge je in staat stellen code wereldwijd en dicht bij je gebruikers uit te voeren.
Je hebt geleerd over specifieke implementatiemechanismen, activeringsgebeurtenissen en het belang van versiebeheer. Edgefuncties benutten is een krachtige manier om prestaties te verbeteren, inhoud te personaliseren en beveiligingslogica toe te voegen zonder servers te beheren.
Leer Cachingstrategieën: Redis + CDN + edgecomputing met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 12
- Lessen
- 48
Veelgestelde vragen
Is de les “Edge-functies implementeren” gratis?
Ja — de volledige tekst van “Edge-functies implementeren” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Cachingstrategieën: Redis + CDN + edgecomputing wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Cachingstrategieën: Redis + CDN + edgecomputing bevat in totaal 4 lessen.
Wat leer ik in “Edge-functies implementeren”?
Leer praktische stappen om edge-functies te implementeren en beheren met platforms zoals Cloudflare Workers of AWS Lambda@Edge. Je oefent met Cachingstrategieën: Redis + CDN + edgecomputing door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Cachingstrategieën: Redis + CDN + edgecomputing te beginnen?
Ervaring vooraf is niet nodig. Cachingstrategieën: Redis + CDN + edgecomputing op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 3 van 4.
Hoe lang duurt de les “Edge-functies implementeren”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Cachingstrategieën: Redis + CDN + edgecomputing?
Ja. Elke les over Cachingstrategieën: Redis + CDN + edgecomputing bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Edge caching voor dynamische content
- Serverless functies aan de edge
- Edge-functies implementeren
- Triggers van edge-functies en de requestlevenscyclus