CI/CD

Pembangunan dan Peluncuran Otomatis Aplikasi dengan GitLab

Buat pipeline CI/CD Anda sendiri dengan GitLab secara gratis dan deploy aplikasi Ionic Capacitor JS Anda setiap kali melakukan push ke branch main.

Pembangunan dan Peluncuran Otomatis Aplikasi dengan GitLab

Artikel ini akan memandu Anda tentang cara melakukan pengaturan CI/CD pipeline dengan GitLab.

Pendahuluan

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

Konvensi Commit

Pertama Anda perlu mulai mengikuti konvensi commit conventional commits ini akan membantu peralatan memahami cara meningkatkan nomor versi, hanya butuh 5 menit untuk mempelajarinya.

Conventional commits

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 email dan username GitLab Anda di bagian script. Konfigurasi ini memicu job hanya pada push ke branch main dan mengecualikan commit dengan pesan yang dimulai dengan “chore(release):”.

GitLab CI/CD untuk Build

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

stages:
- deploy
deploy:
stage: deploy
only:
- tags # Job ini hanya akan berjalan untuk push tag
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 # Definisikan ini di pengaturan proyek GitLab Anda
environment:
name: production

Pastikan Anda telah menambahkan API key Capgo (CAPGO_TOKEN) sebagai variabel CI/CD di proyek GitLab Anda. Pergi ke proyek Anda di GitLab, navigasi ke Settings > CI/CD > Variables, dan tambahkan variabel bernama CAPGO_TOKEN dengan nilai API key Anda.

Sesuaikan script build dengan proses build spesifik proyek Anda, seperti mengubah perintah npm run build.

Kesimpulan

Di sinilah kita! Kita telah mengambil langkah tambahan dalam perjalanan teknologi kita. Dalam pengembangan perangkat lunak modern, CICD adalah faktor penting yang harus dipertimbangkan. Jadi saya berharap panduan ini masuk akal bagi semua orang.

Pembaruan Instan untuk Aplikasi CapacitorJS

Dorong pembaruan, perbaikan, dan fitur secara instan ke aplikasi CapacitorJS Anda tanpa penundaan toko aplikasi. Rasakan integrasi yang mulus, enkripsi end-to-end, dan pembaruan real-time dengan Capgo.

Mulai Sekarang

Berita terbaru

Capgo memberikan wawasan terbaik yang Anda butuhkan untuk membuat aplikasi seluler yang benar-benar profesional.