Geolocation: Hello World
Get all geolocation data fields and display them in HTML.
export default { async fetch(request) { let html_content = ""; let html_style = "body{padding:6em; font-family: sans-serif;} h1{color:#f6821f;}";
html_content += "<p> Colo: " + request.cf.colo + "</p>"; html_content += "<p> Country: " + request.cf.country + "</p>"; html_content += "<p> City: " + request.cf.city + "</p>"; html_content += "<p> Continent: " + request.cf.continent + "</p>"; html_content += "<p> Latitude: " + request.cf.latitude + "</p>"; html_content += "<p> Longitude: " + request.cf.longitude + "</p>"; html_content += "<p> PostalCode: " + request.cf.postalCode + "</p>"; html_content += "<p> MetroCode: " + request.cf.metroCode + "</p>"; html_content += "<p> Region: " + request.cf.region + "</p>"; html_content += "<p> RegionCode: " + request.cf.regionCode + "</p>"; html_content += "<p> Timezone: " + request.cf.timezone + "</p>";
let html = `<!DOCTYPE html> <head> <title> Geolocation: Hello World </title> <style> ${html_style} </style> </head> <body> <h1>Geolocation: Hello World!</h1> <p>You now have access to geolocation data about where your user is visiting from.</p> ${html_content} </body>`;
return new Response(html, { headers: { "content-type": "text/html;charset=UTF-8", }, }); },};export default { async fetch(request): Promise<Response> { let html_content = ""; let html_style = "body{padding:6em; font-family: sans-serif;} h1{color:#f6821f;}";
html_content += "<p> Colo: " + request.cf.colo + "</p>"; html_content += "<p> Country: " + request.cf.country + "</p>"; html_content += "<p> City: " + request.cf.city + "</p>"; html_content += "<p> Continent: " + request.cf.continent + "</p>"; html_content += "<p> Latitude: " + request.cf.latitude + "</p>"; html_content += "<p> Longitude: " + request.cf.longitude + "</p>"; html_content += "<p> PostalCode: " + request.cf.postalCode + "</p>"; html_content += "<p> MetroCode: " + request.cf.metroCode + "</p>"; html_content += "<p> Region: " + request.cf.region + "</p>"; html_content += "<p> RegionCode: " + request.cf.regionCode + "</p>"; html_content += "<p> Timezone: " + request.cf.timezone + "</p>";
let html = `<!DOCTYPE html> <head> <title> Geolocation: Hello World </title> <style> ${html_style} </style> </head> <body> <h1>Geolocation: Hello World!</h1> <p>You now have access to geolocation data about where your user is visiting from.</p> ${html_content} </body>`;
return new Response(html, { headers: { "content-type": "text/html;charset=UTF-8", }, }); },} satisfies ExportedHandler;from js import Response, Headers
async def on_fetch(request): html_content = "" html_style = "body{padding:6em font-family: sans-serif;} h1{color:#f6821f;}"
html_content += "<p> Colo: " + request.cf.colo + "</p>" html_content += "<p> Country: " + request.cf.country + "</p>" html_content += "<p> City: " + request.cf.city + "</p>" html_content += "<p> Continent: " + request.cf.continent + "</p>" html_content += "<p> Latitude: " + request.cf.latitude + "</p>" html_content += "<p> Longitude: " + request.cf.longitude + "</p>" html_content += "<p> PostalCode: " + request.cf.postalCode + "</p>" html_content += "<p> Region: " + request.cf.region + "</p>" html_content += "<p> RegionCode: " + request.cf.regionCode + "</p>" html_content += "<p> Timezone: " + request.cf.timezone + "</p>"
html = f""" <!DOCTYPE html> <head> <title> Geolocation: Hello World </title> <style> {html_style} </style> </head> <body> <h1>Geolocation: Hello World!</h1> <p>You now have access to geolocation data about where your user is visiting from.</p> {html_content} </body> """
headers = Headers.new({"content-type": "text/htmlcharset=UTF-8"}.items()) return Response.new(html, headers=headers)