EdgeOne Logo
Documentation
请选择
请选择
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