Return a 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() {
  return new Response(html, {
    headers: {
      'content-type': 'text/html; charset=UTF-8',
    },
  });
}

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

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.

1.png

References

  1. Runtime APIs: addEventListener
  2. Runtime APIs: Response
  3. Runtime APIs: FetchEvent