خادم Browserbase MCP

ماذا يفعل خادم “Browserbase” MCP؟

يوفر خادم Browserbase MCP إمكانيات قوية لأتمتة المتصفح السحابي من خلال الاستفادة من Browserbase وStagehand. يمكّن نماذج اللغة الكبيرة من التفاعل مع متصفحات الويب، التحكم فيها، وأتمتتها في بيئة سحابية آمنة. مع هذا الخادم، يمكن لـ LLMs تنفيذ إجراءات مثل تصفح صفحات الويب، واستخراج البيانات المنظمة، والتقاط لقطات شاشة، ومراقبة سجلات الكونسول، وتنفيذ جافاسكريبت — كل ذلك برمجيًا. هذا يوسع قدرات مساعدي الذكاء الاصطناعي للتعامل مع سير عمل ويب متقدمة، وأتمتة المهام المتكررة في المتصفح، واستخراج أو التفاعل مع المحتوى عبر الإنترنت، مما يعزز إنتاجية المطورين واختبارهم وأبحاثهم بشكل كبير. يدعم الخادم التكامل المعياري وصُمم ليكون مرنًا، مع دعم لعدة نماذج LLMs.

قائمة التعليمات البرمجية (Prompts)

لا توجد معلومات عن قوالب التعليمات البرمجية في المستودع.

قائمة الموارد

لا توجد موارد صريحة مفصلة في الوثائق أو ملفات المستودع المقدمة.

قائمة الأدوات

القدرات التالية موصوفة كميزات، والتي من المرجح أن تمثل الأدوات التي يوفرها خادم Browserbase MCP:

• أتمتة المتصفح: تمكّن من التحكم في المتصفحات السحابية وتنسيقها من أجل التنقل والتفاعل.
• استخراج البيانات: يتيح استخراج بيانات منظمة من أي صفحة ويب.
• مراقبة الكونسول: يتتبع ويحلل سجلات كونسول المتصفح لأغراض التصحيح أو المراقبة.
• لقطات الشاشة: يلتقط لقطات شاشة كاملة للصفحة أو لأجزاء محددة.
• التفاعل مع الويب: ينفذ إجراءات مثل التصفح، النقر، وتعبئة النماذج على صفحات الويب.
• التعليمات الذرية (Stagehand MCP): ينفذ أوامر دقيقة وعالية المستوى مثل النقر أو استخراج بيانات مستهدفة.
• دعم الرؤية (Stagehand MCP): يستخدم لقطات شاشة مشروحة للعمل مع هياكل DOM المعقدة.

حالات الاستخدام لهذا الخادم

• أتمتة واختبار الويب
  أتمتة مهام المتصفح لاختبار التطبيقات من البداية للنهاية، مما يقلل جهود اختبار الجودة اليدوي ويزيد الاعتمادية.
• استخراج وتجريف البيانات
  استخراج بيانات منظمة أو جداول أو محتوى من مصادر الإنترنت مباشرة إلى سير عمل الذكاء الاصطناعي للبحث أو التحليل أو التقارير.
• أبحاث واجهة وتجربة المستخدم (UI/UX)
  التقاط لقطات الشاشة ومراقبة سجلات الكونسول لتوثيق وتحليل رحلة المستخدم أو أداء التطبيق.
• وكلاء التصفح المدعومين بالذكاء الاصطناعي
  تمكين LLMs من التصرف كوكلاء تصفح ذاتيين، يتنقلون بين المواقع ويعبئون النماذج ويتفاعلون مع التطبيقات نيابة عن المستخدمين.
• دعم وتكامل متعدد النماذج
  دمج نماذج LLMs مختلفة (مثل GPT-4، Claude-3.7 Sonnet) لأتمتة وتفاعل مرن مع المتصفح بغض النظر عن النموذج.

كيفية إعداده

Windsurf

1. تأكد من تثبيت المتطلبات الأساسية (مثل Node.js).
2. حدد موقع ملف إعدادات Windsurf الخاص بك.
3. أضف خادم Browserbase MCP إلى كائن mcpServers:

   {
     "mcpServers": {
       "browserbase": {
         "command": "npx",
         "args": ["@browserbase/mcp-server-browserbase@latest"]
       }
     }
   }
   

4. احفظ ملف الإعدادات وأعد تشغيل Windsurf.
5. تحقق من الإعداد من خلال التأكد من أن الخادم يعمل ويمكن الوصول إليه.

Claude

1. تأكد من توفر البيئة التشغيلية المطلوبة (مثل Node.js).
2. افتح ملف إعدادات Claude.
3. أضف إدخال خادم Browserbase MCP:

   {
     "mcpServers": {
       "browserbase": {
         "command": "npx",
         "args": ["@browserbase/mcp-server-browserbase@latest"]
       }
     }
   }
   

4. احفظ التغييرات وأعد تشغيل Claude.
5. أكد الاتصال بخادم MCP.

Cursor

1. تأكد من تثبيت المتطلبات الأساسية مثل Node.js.
2. حرر ملف إعدادات Cursor.
3. أضف مقتطف JSON التالي تحت mcpServers:

   {
     "mcpServers": {
       "browserbase": {
         "command": "npx",
         "args": ["@browserbase/mcp-server-browserbase@latest"]
       }
     }
   }
   

4. احفظ وأعد تشغيل Cursor.
5. تحقق من السجلات أو صفحة الحالة للتأكيد.

Cline

1. تأكد من وجود Node.js والمتطلبات الأخرى.
2. اعثر وافتح ملف إعدادات Cline.
3. أضف خادم Browserbase MCP:

   {
     "mcpServers": {
       "browserbase": {
         "command": "npx",
         "args": ["@browserbase/mcp-server-browserbase@latest"]
       }
     }
   }
   

4. احفظ الملف وأعد تشغيل Cline.
5. تأكد من أن خادم MCP يبدأ بدون أخطاء.

تأمين مفاتيح API باستخدام متغيرات البيئة: لأي إعدادات حساسة (مثل مفاتيح API)، استخدم متغيرات البيئة. على سبيل المثال:

{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": ["@browserbase/mcp-server-browserbase@latest"],
      "env": {
        "BROWSERBASE_API_KEY": "${BROWSERBASE_API_KEY}"
      },
      "inputs": {
        "apiKey": "${BROWSERBASE_API_KEY}"
      }
    }
  }
}

كيفية استخدام هذا الخادم MCP داخل التدفقات

استخدام MCP في FlowHunt

لدمج خوادم MCP في سير عمل FlowHunt الخاص بك، ابدأ بإضافة مكون MCP إلى التدفق وربطه بوكيل الذكاء الاصطناعي:

انقر على مكون MCP لفتح لوحة الإعدادات. في قسم إعدادات النظام لـ MCP، أدخل تفاصيل خادم MCP الخاص بك باستخدام هذا التنسيق:

{
  "browserbase": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

بمجرد الإعداد، يصبح وكيل الذكاء الاصطناعي قادرًا على استخدام هذا MCP كأداة مع إمكانية الوصول لجميع وظائفه وقدراته. تذكر تغيير “browserbase” إلى اسم خادم MCP الفعلي لديك واستبدال الرابط بعنوان خادم MCP الخاص بك.

نظرة عامة

استنادًا إلى ما سبق، يوفر خادم Browserbase MCP ميزات قوية لأتمتة المتصفح وإرشادات للتكامل، لكنه يفتقر إلى توثيق صريح للتعليمات البرمجية والموارد. ترخيصه المفتوح ومخزونه النشط من النقاط الإيجابية.

رأينا

يعد هذا الخادم MCP قويًا في أتمتة المتصفح والتكامل، لكن التوثيق حول التعليمات البرمجية والموارد الأساسية غير كافٍ. ومع ذلك، يتم صيانته جيدًا ويدعمه مجتمع نشط. التقييم: 7/10

تقييم MCP