Apa Itu Claude Code GitHub Actions? Panduan Lengkap

Apakah Anda ingin meningkatkan alur kerja pengembangan Anda dengan AI? Temui Claude Code Github Action, sebuah terobosan yang membawa AI Claude dari Anthropic ke repositori GitHub Anda. Cukup sebutkan @claude di permintaan tarik (pull request) atau isu (issue), dan bum—Claude akan membuat kode, memperbaiki bug, atau melakukan refaktor seperti seorang profesional, semuanya melalui Github Actions. Saya menyiapkannya dalam 15 menit, dan ini sangat efisien! Dalam tutorial ini, saya akan memandu Anda melalui instalasi Claude Code Github Action, pengaturannya, dan penggunaannya untuk mengotomatiskan tugas pengkodean Anda. Siap membiarkan AI melakukan pekerjaan berat? Mari kita mulai!

Mengapa Claude Code Github Action Sangat Hebat

Claude Code Github Action seperti memiliki pengembang jenius di tim Anda, 24/7. Dibangun di atas AI Claude dari Anthropic, ia mendengarkan sebutan @claude di repo Anda dan langsung bertindak, didukung oleh Github Actions. Berikut adalah alasan mengapa ini luar biasa:

• Permintaan Tarik Instan: Jelaskan sebuah fitur, dan Claude membuat PR dengan semua perubahan.
• Perbaikan Bug Otomatis: Laporkan bug, dan Claude mengkode perbaikannya—tidak perlu pekerjaan manual.
• Konsistensi Kode: Mengikuti gaya proyek Anda (misalnya, melalui CLAUDE.md) untuk kode yang bersih dan seragam.
• Aman dan Pribadi: Berjalan di runner GitHub Anda, menjaga kode Anda tetap aman.
• Pengaturan Cepat: Siap digunakan dalam hitungan menit dengan konfigurasi minimal.

Repositori GitHub-nya memiliki alur kerja yang rapi, dan saya melihatnya menghasilkan fungsi yang direfaktor dalam hitungan detik. Mari kita jalankan!

Cara Kerja Claude Code Github Action

Claude Code terhubung ke Github Actions untuk memantau repo Anda terhadap sebutan @claude di isu, permintaan tarik, atau komentar tinjauan. Saat dipicu, ia akan:

• Menganalisis basis kode Anda atau konteks isu.
• Menghasilkan atau menyesuaikan kode berdasarkan permintaan Anda.
• Membuat permintaan tarik dengan perubahan atau memposting umpan balik.
• Menjalankan beberapa agen Claude secara paralel untuk kecepatan.

Ini seperti memiliki teman pengkodean yang tidak pernah tidur, semuanya didukung oleh runner Github Actions. Siap mengaturnya? Begini caranya!

Pengaturan Langkah demi Langkah: Claude Code Github Action

Mari kita jalankan Claude Code di repo Anda. Saya menguji ini pada proyek Node.js, tetapi ini berfungsi untuk basis kode apa pun. Ikuti langkah-langkah ini untuk mengotomatiskan alur kerja Anda dalam waktu sekitar 15 menit.

1. Instal Aplikasi GitHub Claude

Anda memerlukan hak admin untuk repo Anda.

• Buka halaman Aplikasi GitHub Claude.
• Instal di repositori atau organisasi Anda, berikan izin untuk contents, issues, dan pull requests.
• Saya menginstalnya di repo pengujian saya, dan hanya butuh 2 menit—lancar!

2. Tambahkan Kunci API Anthropic Anda

Claude memerlukan kunci API untuk melakukan keajaibannya.

• Buka Settings > Secrets and variables > Actions di repo Anda.
• Klik New repository secret.
• Beri nama ANTHROPIC_API_KEY dan tempel kunci API Anthropic Anda (dapatkan dari console.anthropic.com).
• Ini menjaga kunci Anda tetap aman untuk alur kerja Github Actions.

3. Tambahkan File Alur Kerja Claude

Sekarang, mari kita atur alur kerja Github Actions.

• Salin contoh claude.yml dari grll/claude-code-action.
• Buat folder .github/workflows/ di repo Anda.
• Tempelkan yang berikut ini ke dalam .github/workflows/claude.yml:

# .github/workflows/claude.yml
name: Claude PR Assistant

on:
  issue_comment:
    types: [created]
  pull_request_review_comment:
    types: [created]
  issues:
    types: [opened, assigned]
  pull_request_review:
    types: [submitted]

jobs:
  claude-code-action:
    if: |
      (github.event_name == 'issue_comment' && contains(github.event.comment.body, '@claude')) ||
      (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '@claude')) ||
      (github.event_name == 'pull_request_review' && contains(github.event.review.body, '@claude')) ||
      (github.event_name == 'issues' && contains(github.event.issue.body, '@claude'))
    runs-on: ubuntu-latest
    permissions:
      contents: read
      pull-requests: read
      issues: read
      id-token: write
    steps:
      - name: Checkout repository
        uses: actions/checkout@v4
        with:
          fetch-depth: 1

      - name: Run Claude PR Action
        uses: grll/claude-code-action@beta
        with:
          use_oauth: true
          claude_access_token: ${{ secrets.CLAUDE_ACCESS_TOKEN }}
          claude_refresh_token: ${{ secrets.CLAUDE_REFRESH_TOKEN }}
          claude_expires_at: ${{ secrets.CLAUDE_EXPIRES_AT }}

          timeout_minutes: "60"
          # Optional: add custom trigger phrase (default: @claude)
          # trigger_phrase: "/claude"
          # Optional: add assignee trigger for issues
          # assignee_trigger: "claude"
          # Optional: add custom environment variables (YAML format)
          # claude_env: |
          #   NODE_ENV: test
          #   DEBUG: true
          #   API_URL: https://api.example.com

• Alur kerja ini mendengarkan @claude di komentar atau isu dan menjalankan Claude di runner Github Actions.

4. Konfigurasi Rahasia Aplikasi GitHub

Agar alur kerja menghasilkan token aplikasi:

• Dapatkan APP_ID dan APP_PRIVATE_KEY Aplikasi GitHub Anda dari pengaturan aplikasi (setelah instalasi).
• Tambahkan sebagai rahasia (secrets) di Settings > Secrets and variables > Actions:
• APP_ID: ID Aplikasi GitHub Anda.
• APP_PRIVATE_KEY: Konten file kunci pribadi.

5. Picu Claude dengan @claude

Sekarang, coba!

• Buka isu atau beri komentar pada PR dengan sesuatu seperti:

@claude Tolong refaktor logika pengambilan data di `api.js` untuk penanganan kesalahan yang lebih baik.

• Claude menganalisis permintaan Anda, membuat PR dengan kode yang direfaktor, dan menambahkan umpan balik.
• Saya mencoba ini, dan Claude memberikan api.js yang lebih bersih dengan blok try-catch dalam sekejap!

Menyesuaikan Claude Code Github Action

Ingin mengubah perilaku Claude? Alur kerja Github Actions sangat fleksibel. Begini cara menjadikannya milik Anda:

• Prompt Kustom: Tambahkan file CLAUDE.md dengan panduan proyek (misalnya, "Gunakan async/await, hindari console.log"). Claude mengikutinya seperti panduan gaya.
• Timeout: Sesuaikan timeout_minutes di claude.yml (misalnya, "30" untuk eksekusi yang lebih singkat).
• Pemilihan Model: Tukar model di alur kerja (misalnya, claude-3-5-sonnet alih-alih claude-3-7-sonnet).
• Autentikasi: Gunakan AWS Bedrock atau Google Vertex AI dengan memperbarui use_vertex dan variabel lingkungan.
• Akses Alat: Batasi operasi file atau panggilan API GitHub Claude melalui pengaturan alur kerja untuk keamanan ekstra.

Saya menambahkan CLAUDE.md dengan "prefer TypeScript," dan PR Claude sesuai dengan gaya saya dengan sempurna!

Kasus Penggunaan Dunia Nyata: Claude Code dalam Aksi

Claude Code sangat unggul dalam mempercepat tugas pengembangan. Berikut adalah apa yang saya coba dan apa yang bisa Anda lakukan dengan Github Actions:

• Perbaikan Bug: Memposting isu: "@claude Perbaiki kesalahan null di user.js." Claude membuat PR dengan pemeriksaan null—selesai dalam 2 menit!
• Pembuatan Fitur: Berkomentar: "@claude Tambahkan endpoint login ke server.js." Mendapat PR dengan rute Express dan autentikasi JWT.
• Refaktor Kode: Bertanya: "@claude Optimalkan utils.js untuk kinerja." Claude menulis ulang loop dan melakukan caching hasil.
• Tinjauan Kode: Claude meninjau PR saya, menyarankan nama variabel yang lebih baik dan penanganan kesalahan.

Tips Menguasai Claude Code Github Action

Untuk mendapatkan hasil maksimal dari Claude Code dengan Github Actions:

• Bersikaplah Spesifik: Tulis komentar @claude yang jelas (misalnya, "Tambahkan penanganan kesalahan ke fetchData di api.js").
• Gunakan CLAUDE.md: Definisikan standar pengkodean (misalnya, tab vs spasi, penamaan fungsi) untuk keluaran yang konsisten.
• Pantau Eksekusi: Periksa tab Actions di GitHub untuk men-debug alur kerja atau melihat log Claude.
• Gabungkan dengan VS Code: Pasangkan dengan ekstensi VS Code Anthropic untuk pengkodean Claude lokal, sinkronisasi dengan Github Actions.
• Uji Skala Kecil: Mulai dengan tugas sederhana (misalnya, "@claude Tambahkan README") untuk mempelajari gaya Claude.

Saya menemukan bahwa prompt yang detail mengurangi waktu respons Claude hingga setengahnya—ketepatan itu membuahkan hasil!

Mengapa Claude Code Github Action Menonjol

Claude Code Github Action adalah mesin produktivitas. Lebih cepat dari pengkodean manual, menghargai gaya proyek Anda, dan berjalan dengan aman di runner Github Actions. Dibandingkan dengan alat AI lainnya, kemampuan Claude untuk membuat PR penuh dari satu komentar tidak tertandingi. Pengaturannya cepat, dan integrasi GitHub terasa asli. Kendala kecil: tugas kompleks mungkin memerlukan penyesuaian prompt, tetapi contoh di repo membantu.

Apakah Anda seorang pengembang solo atau dalam tim, Claude Code membuat pengkodean terasa seperti sihir. Pastikan untuk mencobanya!