Lompat ke konten utama
[CI/CD]

Membangun dan Menerbitkan Aplikasi Otomatis dengan GitLab

Buatlah Pipa CI/CD Sendiri dengan GitLab secara gratis, terapkan aplikasi Ionic Capacitor JS Anda setiap kali Anda push ke main.

Anik Dhabal Babu

Anik Dhabal Babu

Pengembang Konten

Membangun dan Menerbitkan Aplikasi Otomatis dengan GitLab

Artikel ini akan mengajarkan Anda cara mengatur pipa CI/CD dengan GitLab.

Pendahuluan

Pastikan Anda telah menambahkan aplikasi Capacitor Anda terlebih dahulu ke Capgo, tutorial ini hanya berfokus pada fase unggah. Jika Anda perlu menambahkan aplikasi Anda ke Capgo, Anda dapat mengikuti Tutorial.

Konvensi Commit

Pertama-tama, Anda perlu memulai mengikuti konvensi commit commit konvensional ` ini akan membantu alat pemahaman bagaimana untuk meningkatkan nomor versi, itu hanya 5 menit untuk dipelajari.

Commit Konvensional

GitLab CI/CD untuk Tag

Buat file .gitlab-ci.yml di root repositori GitLab Anda dengan konten berikut

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

Ganti “gitlab@yourdomain.com” dan “GitLab CI/CD” dengan alamat email dan nama pengguna GitLab Anda di bagian skrip. Konfigurasi ini hanya mengaktifkan pekerjaan ketika ada push ke branch utama dan mengabaikan commit dengan pesan yang dimulai dengan “chore(release):”.

GitLab CI/CD untuk Build

Tambahkan tahap lain ke file .gitlab-ci.yml Anda untuk build:

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

Pastikan Anda memiliki kunci Capgo API (CAPGO_TOKEN) yang telah ditambahkan sebagai variabel CI/CD di proyek GitLab Anda. Buka proyek Anda di GitLab, navigasikan ke Pengaturan > CI/CD > Variabel, dan tambahkan variabel bernama CAPGO_TOKEN dengan nilai kunci API Anda.

Customize skrip build untuk menyesuaikan proses build spesifik proyek Anda, seperti mengubah perintah npm run build.

Kesimpulan

Sekarang kita telah mencapai langkah tambahan dalam perjalanan teknologi kita. Dalam pengembangan perangkat lunak modern, CICD adalah faktor yang sangat penting untuk dipertimbangkan. Jadi, saya berharap panduan ini dapat dipahami oleh semua orang.

Teruslah dari Automatic build and release app dengan GitLab

Jika Anda menggunakan Automatic build and release app dengan GitLab untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Native Builds untuk alur kerja produk di Capgo Native Builds, Integrasi Capgo untuk alur kerja produk di Integrasi Capgo Integrasi CI/CD untuk detail implementasi di Integrasi CI/CD Integrasi Aksi GitHub untuk detail implementasi di Integrasi Aksi GitHub

Live updates untuk aplikasi Capacitor

Ketika bug layer web masih aktif, kirimkan perbaikan melalui Capgo daripada menunggu hari-hari untuk persetujuan toko aplikasi. Pengguna mendapatkan update di latar belakang sementara perubahan native tetap dalam jalur review normal.

Mulai Sekarang

Terbaru dari Blog kami

Capgo memberikan Anda wawasan terbaik yang Anda butuhkan untuk membuat aplikasi mobile profesional yang sebenarnya.