Tencent Cloud

Recent Pages

Returning an HTML Page

Last updated: 2024-01-25 14:29:07

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
Runtime APIs: addEventListener
Runtime APIs: Response
Runtime APIs: FetchEvent