Workers by Cloudflare

🔹 مثال 1 — Worker بسيط يرد على الطلبات:

🔹 Example 1 — Basic Worker that responds to requests:

// نقطة الدخول الرئيسية لكل Worker
export default {
  async fetch(request, env, ctx) {
    const url = new URL(request.url);
    const name = url.searchParams.get('name') || 'Ayoub';

    return new Response(
      `مرحباً يا ${name}! من Worker على الـ Edge 🚀`,
      {
        status: 200,
        headers: {
          'Content-Type': 'text/plain; charset=utf-8',
          'Access-Control-Allow-Origin': '*'
        }
      }
    );
  }
};

🔹 مثال 2 — API Proxy مع Routing:

🔹 Example 2 — API Proxy with Routing:

export default {
  async fetch(req, env) {
    const { pathname } = new URL(req.url);

    // Routing بسيط
    if (pathname === '/api/time') {
      return Response.json({
        time: new Date().toISOString(),
        city: req.cf?.city,      // مدينة المستخدم تلقائياً!
        country: req.cf?.country  // بلده كمان
      });
    }

    if (pathname === '/api/proxy') {
      // Proxy لـ API خارجي بدون CORS مشاكل
      const data = await fetch('https://api.github.com/users/algoushah');
      return new Response(data.body, {
        headers: { 'Access-Control-Allow-Origin': '*' }
      });
    }

    return new Response('404 - مو موجود', { status: 404 });
  }
};

🔹 مثال 3 — KV Storage للحفظ والقراءة:

🔹 Example 3 — KV Storage for read/write:

// wrangler.toml: [[kv_namespaces]] binding = "MY_KV"
export default {
  async fetch(req, env) {
    const method = req.method;

    if (method === 'POST') {
      const { key, value } = await req.json();
      await env.MY_KV.put(key, value, {
        expirationTtl: 86400  // ينتهي بعد يوم
      });
      return Response.json({ ok: true, msg: 'تم الحفظ ✅' });
    }

    if (method === 'GET') {
      const key = new URL(req.url).searchParams.get('key');
      const val = await env.MY_KV.get(key);
      return Response.json({ key, value: val ?? 'مو موجود' });
    }
  }
};

🔹 أوامر النشر بـ Wrangler CLI:

🔹 Deploy commands with Wrangler CLI:

# تثبيت Wrangler
$ npm install -g wrangler

# تسجيل الدخول
$ wrangler login

# إنشاء مشروع جديد
$ wrangler init my-worker

# تشغيل محلياً للتجربة
$ wrangler dev

# نشر على Edge مباشرة
$ wrangler deploy

# إضافة Custom Domain
$ wrangler publish --route api.ayoub.pw/*