Overview
Menu

Returning an HTML Page

In this example, an edge function is used to generate an HTML page, and the HTML page is accessed and previewed from a browser.

Sample Code

const html = `
<!DOCTYPE html>
<body>
<h1>Hello World</h1>
<p>This markup was generated by TencentCloud Edge Functions.</p>
</body>
`;

async function handleRequest(request) {
return new Response(html, {
headers: {
'content-type': 'text/html; charset=UTF-8',
'x-edgefunctions-test': 'Welcome to use Edge Functions.',
},
});
}

addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request));
});

Sample Preview

In the address bar of the browser, enter a URL that matches a trigger rule of the edge function to preview the effect of the sample code.


References