4c:I[88154,["5730","$1e","1041","$1f","8500","$20","9845","$21","1370","$22","721","$23","8437","$24","99","$25","7186","$26","6152","$27","2724","$28","7814","$29","2238","$2a","5551","$2b"],"default",1] 4b:T4f5,{"@context":"https://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.nammy4u.com/article/كيف-تستخدم-دوال-Supabase-Edge-Functions-لبناء-أدوات-ويب-سريعة-وصديقة-للذكاء-الاصطناعي"},"headline":"كيف تستخدم دوال Supabase Edge Functions لبناء أدوات ويب سريعة وصديقة للذكاء الاصطناعي","description":"اكتشف كيف تمنحك Supabase Edge Functions القدرة على بناء أدوات ويب تفاعلية بزمن استجابة فائق، مع تكامل سلس مع الذكاء الاصطناعي. دليل عملي خطوة بخطوة لإنشاء دوال ","image":[{"@type":"ImageObject","url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/o401o9lbwa-1786059109035.jpg","width":1200,"height":630}],"datePublished":"2026-05-23T16:45:46.799287+00:00","dateModified":"2026-06-20T17:59:40.462326+00:00","author":{"@type":"Person","name":"Hani Omar","url":"https://www.nammy4u.com/user/hohani57"},"publisher":{"@type":"Organization","name":"نَمّي","logo":{"@type":"ImageObject","url":"https://www.nammy4u.com/logo.png"}},"inLanguage":"ar","articleSection":"تطوير"}4d:T1c2a,

لماذا Edge Functions؟ ولماذا الآن؟

تخيل أنك تطلب بيتزا، وتنتظرها تُخبز من العجينة الطازجة كل مرة. هذا ما تفعله الخوادم التقليدية. أما Edge Functions فهي كأن لديك بيتزا جاهزة في كل فرع قريب منك، تُسخن في ثوانٍ. الفكرة ببساطة: تشغيل الكود الخاص بك على خوادم موزعة جغرافياً حول العالم، أقرب ما يكون إلى المستخدم. النتيجة؟ زمن استجابة أقل من 50 ملي ثانية في كثير من الحالات، وتجربة مستخدم سلسة كالحرير.

ومع ثورة الذكاء الاصطناعي، تحتاج أدوات الويب إلى معالجة فورية للطلبات، سواء كان ذلك لتوليد ردود دردشة، أو تحليل صور، أو تقديم توصيات. هنا يأتي دور Supabase Edge Functions، التي تجمع بين قوة Deno وTypeScript، وتتكامل بشكل طبيعي مع قاعدة بيانات Supabase وخدمات AI مثل OpenAI.

الخطوة الأولى: إعداد البيئة وإنشاء أول دالة

قبل أي شيء، تأكد من تثبيت supabase CLI. افتح terminal واكتب:

npm install -g supabase
supabase init

ثم أنشئ دالة جديدة:

supabase functions new my-ai-tool

سيُولد لك مجلد supabase/functions/my-ai-tool يحتوي على ملف index.ts. هذا هو قلب الدالة. لنملأه بشيء عملي: دالة تستقبل نصاً وترجع ملخصاً باستخدام OpenAI.

كتابة الدالة: TypeScript بقوة Deno

افتح index.ts واكتب الكود التالي:

import { serve } from 'https://deno.land/std@0.177.0/http/server.ts'
import { createClient } from 'https://esm.sh/@supabase/supabase-js@2'

serve(async (req) => {
  // التحقق من الطلب
  if (req.method !== 'POST') {
    return new Response('Method not allowed', { status: 405 })
  }

  const { text } = await req.json()
  if (!text) {
    return new Response('Missing text', { status: 400 })
  }

  // استدعاء OpenAI API
  const openaiResponse = await fetch('https://api.openai.com/v1/chat/completions', {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${Deno.env.get('OPENAI_API_KEY')}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      model: 'gpt-3.5-turbo',
      messages: [
        { role: 'system', content: 'لخص النص التالي في جملة واحدة.' },
        { role: 'user', content: text }
      ]
    })
  })

  const data = await openaiResponse.json()
  const summary = data.choices[0].message.content

  // حفظ السجل في قاعدة البيانات
  const supabase = createClient(
    Deno.env.get('SUPABASE_URL')!,
    Deno.env.get('SUPABASE_SERVICE_ROLE_KEY')!
  )
  await supabase.from('summaries').insert({ original_text: text, summary })

  return new Response(JSON.stringify({ summary }), {
    headers: { 'Content-Type': 'application/json' }
  })
})

لاحظ أننا استخدمنا Deno.env.get لقراءة المتغيرات البيئية. هذا آمن وسهل. تأكد من تعيين OPENAI_API_KEY و SUPABASE_URL و SUPABASE_SERVICE_ROLE_KEY في لوحة تحكم Supabase.

ربط الدالة بقاعدة البيانات

افترض أن لديك جدول summaries في Supabase. يمكنك إنشاؤه بسرعة من SQL Editor:

CREATE TABLE summaries (
  id bigint GENERATED ALWAYS AS IDENTITY PRIMARY KEY,
  created_at timestamp with time zone DEFAULT now(),
  original_text text,
  summary text
);

الآن، كل طلب يُعالج، يُحفظ النص الأصلي والملخص تلقائياً. هذا يسمح لك ببناء سجل تاريخي، أو حتى تدريب نموذجك الخاص لاحقاً.

أفضل الممارسات لتحسين الأداء

أولاً: التخزين المؤقت (Caching). إذا كانت الدالة تُعيد نفس النتيجة لنفس المدخلات، استخدم Cache-Control header. مثلاً، إذا كنت تقدم توصيات ثابتة نسبياً، أضف:

new Response(body, {
  headers: { 'Cache-Control': 'public, max-age=3600' }
})

ثانياً: معالجة الأخطاء. لا تترك المستخدم في حيرة. استخدم try-catch وأعد رسائل خطأ واضحة. مثلاً:

try {
  // الكود
} catch (error) {
  console.error(error)
  return new Response('Internal Server Error', { status: 500 })
}

ثالثاً: تقليل الحجم. Edge Functions لها حد زمني (عادة 10 ثوانٍ). لذا، تجنب استدعاءات API متعددة متسلسلة. اجعل الدالة خفيفة وسريعة.

أمثلة عملية: أدوات ويب ذكية

لنطبق ما تعلمناه في أدوات حقيقية:

1. مساعد دردشة آلي (Chatbot)

دالة تستقبل رسالة المستخدم، ترسلها إلى OpenAI، وتعيد الرد. يمكنك إضافة سياق من قاعدة البيانات (مثل معلومات المنتج) لجعل الردود مخصصة. مثلاً، دالة chat تستخدم supabase.from('products').select('*') لبناء برومبت دقيق.

2. محرك توصيات

تخيل متجراً إلكترونياً. دالة recommend تستقبل معرف المستخدم، تجلب سجل مشترياته من Supabase، ثم تستخدم OpenAI لتحليل الأنماط واقتراح منتجات. النتيجة تُخزن مؤقتاً لتسريع الطلبات المتكررة.

3. أداة تحليل المشاعر

دالة بسيطة تأخذ نصاً (مثل تعليق) وتُعيد تصنيف المشاعر (إيجابي/سلبي/محايد). يمكن استخدامها في لوحات التحكم أو أنظمة التقييم.

الخلاصة: المستقبل على الحافة

لم يعد بناء أدوات ويب ذكية حكراً على الشركات الكبيرة. مع Supabase Edge Functions، أصبح بإمكانك، كمطور فردي، نشر تطبيقات بزمن استجابة منخفض وتكامل AI سلس. ابدأ اليوم بخطوة صغيرة: دالة واحدة، وفكرة واحدة، وسترى كيف تتحول إلى أداة قوية تخدم آلاف المستخدمين. الحافة ليست مجرد مكان لتشغيل الكود، بل هي بوابة لعصر جديد من التطبيقات الذكية والتفاعلية.

37:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$4b"}}],["$","$L4c",null,{"initialPost":{"id":141,"slug":"كيف-تستخدم-دوال-Supabase-Edge-Functions-لبناء-أدوات-ويب-سريعة-وصديقة-للذكاء-الاصطناعي","title":"كيف تستخدم دوال Supabase Edge Functions لبناء أدوات ويب سريعة وصديقة للذكاء الاصطناعي","video":null,"images":[],"status":"published","content":"$4d","cta_url":null,"excerpt":"اكتشف كيف تمنحك Supabase Edge Functions القدرة على بناء أدوات ويب تفاعلية بزمن استجابة فائق، مع تكامل سلس مع الذكاء الاصطناعي. دليل عملي خطوة بخطوة لإنشاء دوال TypeScript تعمل على الحافة وتخدم تطبيقاتك الذكية.","user_id":"23b805e9-607c-410e-8b96-a586057bc700","profiles":{"id":"23b805e9-607c-410e-8b96-a586057bc700","bio":"UI/UX Designer | Building products with Vibe Coding.\nCrafting clean interfaces and accelerating development through AI-driven workflows.","title":"Vibe Coding, UI/UX Designer","gender":null,"github":null,"is_vip":false,"topics":["#ذكاء_اصطناعي","#تصميم_جرافيك","#برمجة","#figma","#vibe coding"],"twitter":null,"website":null,"linkedin":null,"username":"hohani57","cover_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/cover.webp?t=1786286823445","full_name":"Hani Omar","vip_until":null,"avatar_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/avatar.webp?t=1786286855296","created_at":"2026-07-17T23:31:14.256694+00:00","updated_at":"2026-10-28T14:37:58.598782+00:00","user_badges":[{"badges":{"name":"سفير مميز"}},{"badges":{"name":"خبير المحتوى"}},{"badges":{"name":"الانضباط الأسبوعي"}}],"social_links":{},"total_points":2850,"referral_code":null,"pinned_post_id":null,"points_balance":1154,"pinned_badge_id":"article_level_5","verified_status":"identity_verified","terms_accepted_at":null,"username_last_changed_at":null},"cta_label":null,"cta_price":null,"image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/o401o9lbwa-1786059109035.jpg","post_type":"article","series_id":null,"card_title":null,"created_at":"2026-05-23T16:45:46.799287+00:00","updated_at":"2026-06-20T17:59:40.462326+00:00","access_type":"free","category_id":79,"likes_count":0,"views_count":4,"points_price":10,"scheduled_at":null,"series_order":null,"delivery_days":3,"service_price":5,"dislikes_count":0,"category_labels":["تطوير","ذكاء_اصطناعي","برمجة","DataBase"],"deliverable_url":null,"banner_image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/o401o9lbwa-1786059109035.jpg","deliverable_name":null,"service_packages":[]},"initialComments":[],"initialRelatedPosts":[{"id":92,"slug":"هل-يمكن-لهوايات-بسيطة-أن-تعيد-تشكيل-دماغك-دون-أن-تشعر؟","title":"هل يمكن لهوايات بسيطة أن تعيد تشكيل دماغك دون أن تشعر؟","images":[],"status":"published","cta_url":null,"excerpt":"اكتشف كيف يمكن للهوايات اليومية البسيطة مثل الرسم أو العزف أو حتى البستنة أن تغير بنية دماغك وتحسن وظائفه الإدراكية دون أن تدرك ذلك.","user_id":"23b805e9-607c-410e-8b96-a586057bc700","profiles":{"id":"23b805e9-607c-410e-8b96-a586057bc700","bio":"UI/UX Designer | Building products with Vibe Coding.\nCrafting clean interfaces and accelerating development through AI-driven workflows.","title":"Vibe Coding, UI/UX Designer","gender":null,"github":null,"is_vip":false,"topics":["#ذكاء_اصطناعي","#تصميم_جرافيك","#برمجة","#figma","#vibe coding"],"twitter":null,"website":null,"linkedin":null,"username":"hohani57","cover_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/cover.webp?t=1786286823445","full_name":"Hani Omar","vip_until":null,"avatar_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/avatar.webp?t=1786286855296","created_at":"2026-07-17T23:31:14.256694+00:00","updated_at":"2026-10-28T14:37:58.598782+00:00","user_badges":[{"badges":{"name":"سفير مميز"}},{"badges":{"name":"خبير المحتوى"}},{"badges":{"name":"الانضباط الأسبوعي"}}],"social_links":{},"total_points":2850,"referral_code":null,"pinned_post_id":null,"points_balance":1154,"pinned_badge_id":"article_level_5","verified_status":"identity_verified","terms_accepted_at":null,"username_last_changed_at":null},"cta_label":null,"cta_price":null,"image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/y17v5najtc-1786087761314.jpg","post_type":"article","series_id":null,"card_title":null,"created_at":"2026-05-02T10:21:40.934689+00:00","updated_at":"2026-06-20T17:59:40.462326+00:00","access_type":"free","category_id":79,"likes_count":0,"views_count":9,"points_price":10,"scheduled_at":null,"series_order":null,"delivery_days":3,"service_price":5,"dislikes_count":0,"category_labels":["تطوير","إبداع"],"deliverable_url":null,"banner_image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/y17v5najtc-1786087761314.jpg","deliverable_name":null,"service_packages":[]},{"id":91,"slug":"لماذا-تفشل-خطتك-في-تغيير-حياتك-رغم-كل-النوايا-الحسنة؟","title":"لماذا تفشل خطتك في تغيير حياتك رغم كل النوايا الحسنة؟","images":[],"status":"published","cta_url":null,"excerpt":"تتناول هذه المقالة الأسباب الحقيقية وراء فشل خطط التغيير الشخصي، وتقدم حلولاً عملية لتحويل النوايا الحسنة إلى نتائج ملموسة.","user_id":"23b805e9-607c-410e-8b96-a586057bc700","profiles":{"id":"23b805e9-607c-410e-8b96-a586057bc700","bio":"UI/UX Designer | Building products with Vibe Coding.\nCrafting clean interfaces and accelerating development through AI-driven workflows.","title":"Vibe Coding, UI/UX Designer","gender":null,"github":null,"is_vip":false,"topics":["#ذكاء_اصطناعي","#تصميم_جرافيك","#برمجة","#figma","#vibe coding"],"twitter":null,"website":null,"linkedin":null,"username":"hohani57","cover_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/cover.webp?t=1786286823445","full_name":"Hani Omar","vip_until":null,"avatar_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/avatar.webp?t=1786286855296","created_at":"2026-07-17T23:31:14.256694+00:00","updated_at":"2026-10-28T14:37:58.598782+00:00","user_badges":[{"badges":{"name":"سفير مميز"}},{"badges":{"name":"خبير المحتوى"}},{"badges":{"name":"الانضباط الأسبوعي"}}],"social_links":{},"total_points":2850,"referral_code":null,"pinned_post_id":null,"points_balance":1154,"pinned_badge_id":"article_level_5","verified_status":"identity_verified","terms_accepted_at":null,"username_last_changed_at":null},"cta_label":null,"cta_price":null,"image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/c1vtq0hn3ct-1786087289346.jpg","post_type":"article","series_id":null,"card_title":null,"created_at":"2026-05-02T10:18:55.976338+00:00","updated_at":"2026-06-20T17:59:40.462326+00:00","access_type":"free","category_id":79,"likes_count":0,"views_count":7,"points_price":10,"scheduled_at":null,"series_order":null,"delivery_days":3,"service_price":5,"dislikes_count":0,"category_labels":["تطوير","أعمال","إبداع"],"deliverable_url":null,"banner_image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/c1vtq0hn3ct-1786087289346.jpg","deliverable_name":null,"service_packages":[]},{"id":93,"slug":"لماذا-يحصل-المبتدئون-على-صفقات-ضخمة-بينما-تظل-أنت-المحترف-عالقاً-في-انتظار-رسائل-العميل؟","title":"لماذا يحصل المبتدئون على صفقات ضخمة بينما تظل أنت المحترف عالقاً في انتظار رسائل العميل؟","images":[],"status":"published","cta_url":null,"excerpt":"هل تساءلت يوماً لماذا يبدو أن المبتدئين في عالم العمل الحر يحصلون على صفقات كبيرة بينما تظل أنت المحترف تنتظر الردود؟ في هذا المقال، نكشف الأسباب الحقيقية وراء هذه الظاهرة ونقدم لك الحلول العملية لتغيير هذا الواقع.","user_id":"23b805e9-607c-410e-8b96-a586057bc700","profiles":{"id":"23b805e9-607c-410e-8b96-a586057bc700","bio":"UI/UX Designer | Building products with Vibe Coding.\nCrafting clean interfaces and accelerating development through AI-driven workflows.","title":"Vibe Coding, UI/UX Designer","gender":null,"github":null,"is_vip":false,"topics":["#ذكاء_اصطناعي","#تصميم_جرافيك","#برمجة","#figma","#vibe coding"],"twitter":null,"website":null,"linkedin":null,"username":"hohani57","cover_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/cover.webp?t=1786286823445","full_name":"Hani Omar","vip_until":null,"avatar_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/avatars/23b805e9-607c-410e-8b96-a586057bc700/avatar.webp?t=1786286855296","created_at":"2026-07-17T23:31:14.256694+00:00","updated_at":"2026-10-28T14:37:58.598782+00:00","user_badges":[{"badges":{"name":"سفير مميز"}},{"badges":{"name":"خبير المحتوى"}},{"badges":{"name":"الانضباط الأسبوعي"}}],"social_links":{},"total_points":2850,"referral_code":null,"pinned_post_id":null,"points_balance":1154,"pinned_badge_id":"article_level_5","verified_status":"identity_verified","terms_accepted_at":null,"username_last_changed_at":null},"cta_label":null,"cta_price":null,"image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/wz3pxypj6i-1786087726957.jpg","post_type":"article","series_id":null,"card_title":null,"created_at":"2026-05-02T10:24:04.496656+00:00","updated_at":"2026-06-20T17:59:40.462326+00:00","access_type":"free","category_id":79,"likes_count":0,"views_count":10,"points_price":10,"scheduled_at":null,"series_order":null,"delivery_days":3,"service_price":5,"dislikes_count":0,"category_labels":["تطوير","أعمال","إبداع","تسويق"],"deliverable_url":null,"banner_image_url":"https://nmxdrabasxqqngpaydft.supabase.co/storage/v1/object/public/blog-images/post-images/wz3pxypj6i-1786087726957.jpg","deliverable_name":null,"service_packages":[]}],"initialSiteInfo":{"id":1,"tagline":"بوابتك لرؤية أفضل","site_name":"نَمّي","store_url":null,"hero_title":"تبي نساعدك تكبر في مجالك","books_title":null,"footer_text":"مدونة عربية متخصصة في الذكاء الاصطناعي، ريادة الأعمال، واستراتيجيات تحقيق الدخل الرقمي.","tools_title":null,"total_views":234,"hero_subtitle":"هنا ما راح تقرأ كلام نظري معقد بنشاركك تجارب حقيقية، أدوات تنجز شغلك أسرع، وأفكار تقدر تطبقها وتستفيد منها من اليوم\r\n\r\n","social_github":"https://github.com","books_subtitle":null,"social_twitter":"https://twitter.com","tools_subtitle":null,"books_image_url":null,"social_linkedin":"https://linkedin.com","tools_image_url":null},"initialCategories":[{"id":84,"name":"AdSense","slug":"adsense","post_count":1},{"id":82,"name":"Edge Computing","slug":"edge-computing","post_count":1},{"id":91,"name":"Gpt","slug":"gpt","post_count":0},{"id":92,"name":"OpenAi","slug":"openai","post_count":1},{"id":85,"name":"Solopreneur","slug":"solopreneur","post_count":1},{"id":88,"name":"tempmail","slug":"tempmail","post_count":3},{"id":80,"name":"أعمال","slug":"أعمال","post_count":2},{"id":11,"name":"اداة","slug":"tool","post_count":0},{"id":19,"name":"استثمار","slug":"investment","post_count":0},{"id":16,"name":"اقتصاد","slug":"economy","post_count":4},{"id":24,"name":"اقتصاد رقمي","slug":"digital-economy","post_count":0},{"id":8,"name":"العمل الحر","slug":"freelancing","post_count":0},{"id":89,"name":"الميتافيرس","slug":"الميتافيرس","post_count":1},{"id":20,"name":"برمجة","slug":"programming","post_count":7},{"id":13,"name":"تجارة","slug":"commerce","post_count":0},{"id":14,"name":"تسويق","slug":"marketing","post_count":2},{"id":15,"name":"تصميم","slug":"design","post_count":0},{"id":79,"name":"تطوير","slug":"تطوير","post_count":4},{"id":23,"name":"تطوير الويب","slug":"web-development","post_count":0},{"id":10,"name":"تطوير ذات","slug":"development","post_count":0},{"id":1,"name":"تقنية","slug":"tech","post_count":0},{"id":17,"name":"تكنولوجيا","slug":"technology","post_count":0},{"id":21,"name":"حماية","slug":"حماية","post_count":0},{"id":5,"name":"ذكاء اصطناعي","slug":"ai","post_count":9},{"id":9,"name":"ربح من انترنت","slug":"earning","post_count":0},{"id":18,"name":"صحة","slug":"health","post_count":0},{"id":90,"name":"عادات","slug":"عادات","post_count":1},{"id":77,"name":"عام","slug":"عام","post_count":18},{"id":12,"name":"قصة","slug":"story","post_count":0},{"id":87,"name":"لعبة","slug":"لعبة","post_count":1}],"initialIsUnlocked":true,"initialUserPoints":null,"initialReadingProgress":0}]]