Setting Cookies
In this example, cookies are used to count the number of access requests. When a browser accesses the Edge Functions service, the number of access requests is increased by 1.
Sample Code
// cookie nameconst COOKIE_NAME = 'count';async function handleRequest(request) {// collected the current requests' Cookies and resolution into scopeconst cookies = new Cookies(request.headers.get('cookie'));const cookieCount = cookies.get(COOKIE_NAME);// count incrementconst count = Number(cookieCount && cookieCount.value || 0) + 1;// update Cookie's countcookies.set(COOKIE_NAME, String(count));const response = new Response(`The count is: ${count}`);// setting responded cookiesresponse.headers.set('Set-Cookie', getSetCookie(cookies.get(COOKIE_NAME)));return response;}// concatenate Set-Cookiefunction getSetCookie(cookie) {const cookieArr = [`${encodeURIComponent(cookie.name)}=${encodeURIComponent(cookie.value)}`,];const key2name = {expires: 'Expires',max_age: 'Max-Age',domain: 'Domain',path: 'Path',secure: 'Secure',httponly: 'HttpOnly',samesite: 'SameSite',};Object.keys(key2name).forEach(key => {if (cookie[key]) {cookieArr.push(`${key2name[key]}=${cookie[key]}`);}});return cookieArr.join('; ');}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.