Netlify Edge Micro-segmentation — แบ่ง Traffic

Netlify Edge

Netlify Edge Functions Micro-segmentation A/B Testing Personalization Geo-routing Deno TypeScript CDN Serverless Edge Network Latency Feature Flags Canary

Edge Functions Setup

=== Netlify Edge Functions ===

netlify/edge-functions/ab-test.ts

import type { Context } from "https://edge.netlify.com";

export default async (request: Request, context: Context) => {

const url = new URL(request.url);

Skip non-page requests

if (url.pathname.startsWith("/api") || url.pathname.includes(".")) {

return;

}

Check existing cookie

const cookies = request.headers.get("cookie") || "";

let variant = cookies.match(/ab_variant=(\w+)/)?.[1];

Assign variant if not set

if (!variant) {

variant = Math.random() < 0.5 ? "a" : "b";

}

Rewrite to variant page

const variantUrl = new URL(request.url);

variantUrl.pathname = `/variants/`;

const response = await context.rewrite(variantUrl);

Set sticky cookie (30 days)

response.headers.append(

"Set-Cookie",

`ab_variant=; Path=/; Max-Age=2592000; SameSite=Lax`

เนื้อหาเกี่ยวข้อง — ทำความเข้าใจ Monte Carlo Observability Metric Collection

);

return response;

};

export const config = { path: "/landing/*" };

netlify/edge-functions/geo-route.ts

import type { Context } from "https://edge.netlify.com";

const REGIONAL_CONTENT: Record<string, string> = {

แนะนำเพิ่มเติม — สัญญาณเทรดรายวัน XM Signal

TH: "/th",

JP: "/ja",

KR: "/ko",

CN: "/zh",

};

export default async (request: Request, context: Context) => {

const country = context.geo?.country?.code || "US";

const prefix = REGIONAL_CONTENT[country] || "/en";

const url = new URL(request.url);

if (!url.pathname.startsWith(prefix)) {

url.pathname = ``;

return context.rewrite(url);

}

};

export const config = { path: "/*" };

from dataclasses import dataclass

@dataclass

เนื้อหาเกี่ยวข้อง — ดูเพิ่มเติมเรื่อง Computer Vision YOLO Log Management ELK — คู่มือฉบับสมบูรณ์ 2026

class EdgeFunction:

name: str

trigger: str

segment: str

action: str

file_path: str

functions = [

EdgeFunction("A/B Test", "/landing/*", "Random 50/50 cookie", "Rewrite to variant", "netlify/edge-functions/ab-test.ts"),

EdgeFunction("Geo Route", "/*", "Country code", "Rewrite to locale", "netlify/edge-functions/geo-route.ts"),

EdgeFunction("Feature Flag", "/app/*", "User tier cookie", "Rewrite to feature variant", "netlify/edge-functions/feature-flag.ts"),

EdgeFunction("Auth Gate", "/admin/*", "JWT token", "Allow or redirect login", "netlify/edge-functions/auth-gate.ts"),

EdgeFunction("Bot Block", "/*", "User-Agent pattern", "Block or challenge", "netlify/edge-functions/bot-block.ts"),

]

แนะนำเพิ่มเติม — อ่านเพิ่มเติมที่ SiamCafeBook

Advanced Segmentation

=== Advanced Micro-segmentation ===

Feature Flags with Edge

netlify/edge-functions/feature-flag.ts

const FLAGS: Record<string, { enabled: boolean; percentage: number }> = {

"new-checkout": { enabled: true, percentage: 20 },

"dark-mode": { enabled: true, percentage: 100 },

"ai-search": { enabled: true, percentage: 10 },

};

เนื้อหาเกี่ยวข้อง — Immutable OS Fedora CoreOS Consensus Algorithm

export default async (request: Request, context: Context) => {

const url = new URL(request.url);

const userId = getCookie(request, "user_id") || "anonymous";

Deterministic assignment based on userId hash

const features: Record<string, boolean> = {};

for (const [flag, config] of Object.entries(FLAGS)) {

if (!config.enabled) { features[flag] = false; continue; }

const hash = simpleHash(`:`) % 100;

features[flag] = hash < config.percentage;

}

Inject features as header for downstream

const response = await context.next();

response.headers.set("x-features", JSON.stringify(features));

return response;

};

Personalization based on segments

netlify/edge-functions/personalize.ts

export default async (request: Request, context: Context) => {

const segment = getSegment(request, context);

segment: { tier: "premium", country: "TH", device: "mobile" }

const response = await context.next();

const html = await response.text();

Replace placeholders

const personalized = html

เนื้อหาเกี่ยวข้อง — บทความที่เกี่ยวข้อง: NAS Backup คืออะไร — ข้อมูลครบถ้วน 2026

.replace("{{GREETING}}", segment.country === "TH" ? "สวัสดี" : "Hello")

.replace("{{PRICING}}", getPricing(segment.tier, segment.country))

.replace("{{CTA}}", segment.tier === "premium" ? "Upgrade Plan" : "Start Free");

return new Response(personalized, response);

};

@dataclass

class Segment:

name: str

criteria: str

size: str

content: str

conversion: str

segments = [

Segment("New Visitor", "No cookie first visit", "40%", "Welcome offer free trial", "2.1%"),

Segment("Returning Free", "Cookie tier=free", "35%", "Upgrade CTA features comparison", "3.5%"),

Segment("Premium User", "Cookie tier=premium", "15%", "Loyalty rewards new features", "8.2%"),

Segment("Mobile TH", "Device=mobile country=TH", "8%", "Thai content mobile optimized", "4.1%"),

Segment("Enterprise", "Cookie tier=enterprise", "2%", "Custom dashboard white-glove", "12.5%"),

]

เคล็ดลับ

• Cookie: ใช้ Cookie สำหรับ Sticky A/B Testing
• Geo: ใช้ context.geo สำหรับ Regional Content
• Fallback: เตรียม Fallback เสมอเมื่อ Edge Function Error
• Local: Test ด้วย netlify dev ก่อน Deploy
• Gradual: Rollout Feature Flags ทีละ 5-10% ไม่ปล่อยทีเดียว

Netlify Edge Functions คืออะไร

Serverless Functions Edge Network Deno TypeScript A/B Testing Personalization Geo-routing Auth Header Redirect CDN Latency ต่ำ