Penerapan Otomatis

Robot melakukan pekerjaan untuk kamu

Saat ini cara kerjanya seperti ini: kamu mengubah kode → komit → push → Pembaruan Halaman GitHub. Itu sudah menjadi otomatisasi! Namun kelebihannya lebih jauh lagi – GitHub Actions adalah robot yang, setelah setiap dorongan, melakukan apa pun yang kamu perintahkan: membangun situs web, memeriksa kesalahan, menerapkan.

Ini disebut CI/CD (integrasi berkelanjutan / penerapan berkelanjutan). Kedengarannya rumit, namun sebenarnya sederhana: “Robot memeriksa dan menerapkan semuanya setelah setiap perubahan.”

Tunjukkan pada saya: alur kerja pertama kamu

Tugas untuk robot ditulis ke dalam file di dalam folder .github/workflows/. Misalnya, deploy.yml:

name: Check and deploy

on:
  push:
    branches: [main]   # run after every push to main

jobs:
  check:
    runs-on: ubuntu-latest   # the robot gets a clean Linux computer
    steps:
      - uses: actions/checkout@v4      # download my code
      - name: Check HTML
        run: |
          echo "Checking that index.html exists…"
          test -f index.html && echo "OK ✅"

Setelah ditekan, robot yang sedang berjalan muncul di GitHub pada tab Actions. Tanda centang hijau berarti semuanya lulus; tanda X merah berarti ada yang tidak beres, dan robot akan memberi tahu kamu penyebabnya.

Sekarang giliran kamu 💪

1. Buat .github/workflows/deploy.yml dengan mengikuti contoh, dorong, dan lihat tab Tindakan.
2. Sengaja merusak sesuatu: ganti nama index.html menjadi index2.html, tekan – alur kerja berubah menjadi merah. Perbaiki dan lihat warnanya berubah menjadi hijau. (Ini adalah pengalaman paling penting dari pelajaran ini!)
3. Tambahkan langkah kedua ke alur kerja – periksa apakah tidak ada localhost yang tersisa di HTML:

      - name: No localhost in the code
        run: |
          if grep -r "localhost:3000" *.html; then
            echo "WARNING: localhost was left in the code!" && exit 1
          fi
          echo "OK ✅"

4. Tulis di LAUNCH.md: “Situs web diterapkan secara otomatis, robot memeriksa setiap dorongan.”

Apa yang bisa diambil dari pelajaran ini

• CI/CD = robot memeriksa dan menyebarkan setelah setiap dorongan.
• Alur kerja ditulis ke .github/workflows/*.yml.
• X merah adalah teman kamu: tanda ini menghentikan kesalahan sebelum pengunjung melihatnya.

© 2026 Ing. Martin Polak / AlgoRhino · Ketentuan penggunaan konten