كيفية استخدام كود Claude مع GitHub Actions

Ashley Goolam

Ashley Goolam

17 أغسطس 2025

كيفية استخدام كود Claude مع GitHub Actions

enterprise.banner.title

enterprise.banner.feature1

enterprise.banner.feature2

enterprise.banner.feature3

enterprise.banner.ctaB

هل أنت مستعد لتعزيز سير عملك باستخدام Claude Code و GitHub Actions؟ تخيل أن لديك زميل فريق يعمل بالذكاء الاصطناعي يراجع طلبات السحب (pull requests)، ويصلح الأخطاء، أو حتى يكتب ميزات جديدة مباشرة في مستودع GitHub الخاص بك. يبدو وكأنه سحر، أليس كذلك؟ **Claude Code** من Anthropic يجعل هذا حقيقة من خلال التكامل السلس مع **GitHub Actions**، مما يؤتمت المهام بمجرد الإشارة البسيطة @claude. لقد عثرت على هذه الجوهرة في وثائق Anthropic ومستودع GitHub، وهي تغير قواعد اللعبة للمطورين. في هذا البرنامج التعليمي، سأرشدك خلال إعداد **Claude Code** في **GitHub Actions**، وإنشاء سير عمل لمراجعة طلبات السحب (PRs)، واستكشاف قدراته. لننطلق ونجعل مستودعك أكثر ذكاءً!

💡
هل تعمل مع واجهات برمجة التطبيقات (APIs) أو توثق المشاريع؟ قم بتنزيل APIdog لتبسيط تصميم واختبار ومشاركة وثائق واجهة برمجة التطبيقات (API docs) - مثالي لمشاريع **Claude Code** الخاصة بك!

button

لماذا يعتبر Claude Code و GitHub Actions رائعين؟

Claude Code هو أداة ترميز عاملة (agentic) من Anthropic تعيش في الطرفية أو بيئة التطوير المتكاملة (IDE) الخاصة بك، وتفهم قاعدة التعليمات البرمجية الخاصة بك كالمحترفين. عند اقترانه بـ **GitHub Actions**، يصبح زميل فريق افتراضي يؤتمت مراجعات التعليمات البرمجية، وينفذ الميزات، ويصنف المشكلات مباشرة في مستودعك. إنه في مرحلة البيتا (اعتبارًا من مايو 2025)، ولكنه يتألق بالفعل في مهام مثل:

مستودع GitHub anthropics/claude-code-action يسلط الضوء على قدرته على التشغيل عند التعليقات التي تحتوي على @claude، مما يجعله تفاعليًا وسهل الاستخدام للمطورين. لنقم بإعداده!

إعداد Claude Code لـ GitHub Actions

قبل أن نقوم بأتمتة مستودعك، دعنا نجهز بيئتك. هذا مناسب للمبتدئين، وسأجعله سريعًا!

1. التحقق من المتطلبات:

2. تثبيت تطبيق Claude GitHub:

claude
/install-github-app

3. إضافة مفتاح API الخاص بك:

لقد قمت بإعداد هذا في 10 دقائق على مستودع اختباري - سلس للغاية.

ملاحظة: استخدم دائمًا أسرار GitHub لمفاتيح API!

تخزين مفتاح api

إنشاء سير عمل Claude Code في GitHub Actions

الآن، دعنا نصمم سير عمل **GitHub Actions** لجعل **Claude Code** يراجع طلبات السحب (PRs) تلقائيًا. سنستخدم anthropics/claude-code-action من مستودع GitHub.

1. إنشاء ملف سير العمل:

name: Claude Code Review
on:
  pull_request:
    types: [opened, synchronize]
jobs:
  review:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v4
        with:
          fetch-depth: 0
      - name: Run Claude Code Review
        uses: anthropics/claude-code-action@beta
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}
          direct_prompt: |
            Review the PR changes. Focus on code quality, potential bugs, and adherence to project standards. Suggest improvements and provide a detailed explanation.

2. اختبار سير العمل:

3. تخصيص المشغل (Trigger):

on:
  issue_comment:
    types: [created]
jobs:
  claude:
    if: contains(github.event.comment.body, '@claude')
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: anthropics/claude-code-action@beta
        with:
          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}

استخدام Claude Code للمهام المتقدمة

Claude Code في **GitHub Actions** ليس فقط للمراجعات - يمكنه تنفيذ الميزات أو إصلاح الأخطاء. إليك كيفية الارتقاء بالمستوى:

1. تنفيذ ميزة:

2. إصلاح خطأ:

3. إضافة معايير المشروع:

مثال على التنفيذ:

1. أولاً، يترك المستخدم تعليقًا يضع علامة @Claude، يطلب منه معالجة الملاحظات، مما يؤدي إلى تشغيل استجابة Claude التلقائية عبر GitHub Actions.

2. ثم يستجيب Claude تلقائيًا للتعليق، ويقوم بالإجراءات المطلوبة (مثل، معالجة أخطاء واجهة برمجة التطبيقات، إزالة التكرار)، ويقدم قائمة مرجعية بالمهام المكتملة.

3. أخيرًا، يوافق المراجع (مثل مهندس الواجهة الأمامية) على التغييرات التي أجراها Claude، يتم دمج طلب السحب بنجاح وإغلاقه، مما يشير إلى أن تغييرات Claude اجتازت المراجعة.

استكشاف ميزات Claude Code في GitHub Actions

هل تريد دفع **Claude Code** إلى أبعد من ذلك؟ إليك بعض الحيل الرائعة:

لقد جربت تحليل الصور لإصلاح خطأ في CSS، وأتقن Claude الإصلاح - مذهل!

الخلاصة: إتقان Claude Code باستخدام GitHub Actions

أحسنت! لقد قمت للتو بفتح قفل **Claude Code** في **GitHub Actions** لأتمتة مراجعات التعليمات البرمجية، وتنفيذ الميزات، وسحق الأخطاء! من تثبيت تطبيق GitHub إلى صياغة سير العمل، أنت الآن جاهز لجعل مستودعك قوة إنتاجية. جرب إضافة أدوات MCP، أو تعديل ملف CLAUDE.md، أو توثيق واجهات برمجة التطبيقات الخاصة بك باستخدام APIdog. شارك نجاحاتك مع **Claude Code** على X أو Reddit - أنا متحمس لرؤية طلبات السحب الخاصة بك تتألق! ترميز سعيد!

button

ممارسة تصميم API في Apidog

اكتشف طريقة أسهل لبناء واستخدام واجهات برمجة التطبيقات