Pembangunan Otomatis Capacitor IOS dengan Codemagic

Pengiriman Terus Menerus untuk iOS menggunakan Codemagic

Persyaratan

Sebelum melanjutkan dengan tutorial…

• Anggota program pengembang iOS.
• Ingin membaca 😆…

Penting tentang harga

https://codemagic.io/pricing/

Jasa ini adalah ‘gratis’ sampai 500 menit macOS M1 / bulan, tergantung pada mesin yang dipilih.
Kami akan menggunakan macOS M1 mesin, Anda dapat melihat harga dan batasan (harga pada saat pembuatan tutorial, mereka mungkin mengalami perubahan di masa depan)

🔴 Setelah diingatkan tentang persyaratan dan harga, jika Anda suka, kita melanjutkan…

📣 Dalam postingan ini kita asumsikan bahwa kita telah memiliki aplikasi yang dibuat di iTunes Connect, kita memiliki sertifikat dari ekosistem Apple, semuanya akan diatur oleh Codemagic!

Mari kita mulai 🤿

Langkah-langkah yang perlu diikuti dalam postingan ini

1. Menggunakan App Store Connect API dengan Codemagic
2. Persyaratan
3. Membuat Kunci App Store Connect API
4. Menggunakan Kunci App Store Connect API
5. Salin File Fastlane
6. Konfigurasi Codemagic

1. Menggunakan App Store Connect API dengan Codemagic

Mulai Februari 2021, autentikasi dua faktor atau verifikasi dua langkah diperlukan untuk semua pengguna untuk masuk ke App Store Connect. Layer keamanan tambahan untuk ID Apple Anda membantu memastikan bahwa Anda adalah satu-satunya orang yang dapat mengakses akun Anda.
Dari Dukungan Apple

Mengawali dengan match memerlukan Anda untuk membatalkan sertifikat yang ada. Tapi jangan khawatir, Anda akan memiliki yang baru secara langsung.

Persyaratan

Untuk dapat menggunakan App Store Connect API, Codemagic memerlukan tiga hal.

1. ID Penerbit.
2. ID Kunci.
3. File Kunci atau Konten Kunci.

Membuat Kunci API App Store Connect

Untuk menghasilkan kunci, Anda harus memiliki izin Admin di App Store Connect. Jika Anda tidak memiliki izin tersebut, Anda dapat mengarahkan orang yang relevan ke artikel ini dan mengikuti instruksi yang berikut.

1 — Masuk ke App Store Connect.

2 — Pilih Akses Pengguna dan Akses.

3 — Pilih tab Kunci API.

4 — Klik Buat Kunci API atau tombol (+) Tambah.

5 — Masukkan nama untuk kunci dan pilih tingkat akses. Kami merekomendasikan memilih App Manager Hak akses, baca lebih lanjut tentang peran hak akses Program Pengembang Apple di sini

6 — Klik Generate.

Oleh karena itu, hak akses kunci API tidak dapat dibatasi pada aplikasi tertentu.

Informasi baru tentang nama kunci, ID kunci, tautan download, dan informasi lainnya muncul di halaman.

Ambil semua informasi yang diperlukan di sini: 1> ID Issue.
2> ID Kunci.
<3> Click “Download API Key” to download your API private key. The download link appears only if the private key has not yet been downloaded. Apple does not keep a copy of the private key. So, you can download it only once.

🔴 Simpan kunci pribadi Anda di tempat yang aman. Anda tidak boleh berbagi kunci, menyimpan kunci di repositori code, atau menyertakan kunci di sisi klien code.

Menambahkan kunci App Store Connect API ke Codemagic

1. Buka pengaturan tim Codemagic Anda, Pilih code identitas tanda tangan Dan unggah sertifikat

2. Klik tombol Tambah kunci Tombol.

3. Masukkan App Store Connect API key name. Ini adalah nama yang dapat dibaca manusia untuk kunci yang akan digunakan untuk mengacu pada kunci kemudian di pengaturan aplikasi.

4. Masukkan nilai Issuer ID dan Key ID nilai-nilai.

5. Klik pada Pilih file .p8 atau drag file untuk mengunggah kunci App Store Connect API yang telah didownload sebelumnya.

6. Klik Simpan.

Sekarang kita dapat mengelola Codemagic dengan menggunakan kunci App Store Connect API, hebat!

2. Buat sertifikat dan profil pengaturan

Sertifikat

Buka XCode dan pilih menu Pengaturan > Akun > ID Apple > Tim dan pilih tim Anda.

Klik pada Kelola sertifikat > + dan pilih Distribusi Apple.

Lalu Anda dapat membuat sertifikat baru.

Kemudian Anda perlu pergi ke keychain untuk mengunduh sertifikat sebagai .p12 file.

Untuk melakukannya, Anda perlu pergi ke keychain, ubah ke keychain login dan kemudian tab Sertifikat Saya.

Kemudian Anda dapat memilih sertifikat yang ingin Anda download. (Cari berdasarkan tanggal sertifikat)

Dan kemudian klik kanan pada sertifikat dan pilih Export.

Pilih format file Informasi Pribadi (Exchange .p12).

Itu akan mengunduh sertifikat sebagai sebuah .p12 file.

Profil provisioning

Buka Apple Developer dan pilih tim yang tepat.

Lalu buat profil baru, dengan mengklik pada +

Dan pilih App Store Connect.

Lalu Anda perlu memilih aplikasi yang tepat, berhati-hati Anda tidak bisa menggunakan wildcard lainnya, karena signing akan gagal.

Pilih sertifikat yang tepat yang telah Anda buat sebelumnya (carilah tanggal kadaluarsa, harus sama hari dan bulan dengan hari ini) dan klik pada Teruskan.

Terakhir, masukkan nama profil dan klik pada Generate.

Nama akan digunakan untuk mengidentifikasi profil di Codemagic.

Anda dapat mengunduh profil sebagai .mobileprovision file.

Menambahkan sertifikat tanda tangan Code

Codemagic memungkinkan Anda untuk mengunggah sertifikat code tanda tangan sebagai arsip PKCS#12 yang berisi baik sertifikat dan kunci pribadi yang diperlukan untuk menggunakan itu. Ketika mengunggah, Codemagic akan meminta Anda untuk menyediakan kata sandi sertifikat (jika sertifikat dilindungi kata sandi) bersama dengan nama unik Nama Referensi, yang dapat digunakan kemudian dalam codemagic.yaml konfigurasi untuk mengambil file yang spesifik.

• Unggah Sertifikat
• Buat Sertifikat Baru
• Ambil dari Portal Pengembang

1. Buka pengaturan Tim Codemagic Anda, pergi ke pengaturan codemagic.yaml > Sertifikat Tanda Tangan Pengembang Code.
2. Buka Sertifikat iOS tab.
3. Upload file sertifikat dengan mengklik pada Pilih file .p12 atau .pem atau dengan menariknya ke dalam frame yang ditunjuk.
4. Masukkan Kata sandi sertifikat dan pilih Nama referensi.
5. Klik Tambahkan sertifikat

Mengambahkan profil pengaturan

Codemagic memungkinkan Anda untuk mengunggah profil pengaturan untuk digunakan pada aplikasi atau untuk mengambil profil dari Portal Pengembang Apple.

The profile’s type, team, bundle id, and expiration date are displayed for each profile added to Code signing identities. Furthermore, Codemagic will let you know whether a matching code signing certificate is available in Code signing identities (a green checkmark in the Selain itu, Codemagic akan memberitahu Anda apakah ada sertifikat tanda tangan __CAPGO_KEEP_1__ yang sesuai tersedia di __CAPGO_KEEP_2__ identitas tanda tangan (tanda centang hijau di bidang) Sertifikat

3. Mengatur Codemagic

Konfigurasi rahasia Codemagic

Jadi, Anda ingin tahu dari mana nilai-nilai ENV berasal? Nah, itu tidak lagi rahasia – itu dari rahasia proyek Anda.

4. Konfigurasi file aliran Codemagic

Buat file bernama codemagic.yml di root proyek Anda dan tambahkan baris-baris berikut.

workflows:
  ionic-capacitor-ios-workflow:
    name: Capacitor iOS Workflow
    max_build_duration: 120
    instance_type: mac_mini_m1
    integrations:
      app_store_connect: CodeMagic
    environment:
      ios_signing:
        distribution_type: app_store
        bundle_identifier: YOUR_BUNDLE_IDENTIFIER
      vars:
        XCODE_WORKSPACE: ios/App/App.xcworkspace
        XCODE_SCHEME: App
        APP_STORE_APP_ID: YOUR_APP_STORE_APP_ID
      node: v20.14.0
      xcode: 15.4
      cocoapods: default
    triggering:
      events:
        - tag
      tag_patterns:
        - pattern: '*'
          include: true
    scripts:
      - name: Install dependencies
        script: |
          npm install
      - name: Cocoapods installation
        script: |
          cd ios/App && pod install
      - name: Update dependencies and copy web assets to native project
        script: |
          npm run build
          npx cap sync ios
      - name: Set up code signing settings on Xcode project
        script: |
          xcode-project use-profiles
      - name: Increment build number
        script: |
          cd $CM_BUILD_DIR/ios/App
          LATEST_BUILD_NUMBER=$(app-store-connect get-latest-app-store-build-number "$APP_ID")
          agvtool new-version -all $(($LATEST_BUILD_NUMBER + 1))
      - name: Build ipa for distribution
        script: |
          xcode-project build-ipa \
            --workspace "$XCODE_WORKSPACE" \
            --scheme "$XCODE_SCHEME"
    artifacts:
      - build/ios/ipa/*.ipa
      - /tmp/xcodebuild_logs/*.log
      - $HOME/Library/Developer/Xcode/DerivedData/**/Build/**/*.app
      - $HOME/Library/Developer/Xcode/DerivedData/**/Build/**/*.dSYM
    publishing:
      email:
        recipients:
          - YOUR_EMAIL
        notify:
          success: true # To not receive a notification when a build succeeds
          failure: false # To not receive a notification when a build fails
      app_store_connect:
        auth: integration
        # Configuration related to TestFlight (optional)
        # Note: This action is performed during post-processing.
        submit_to_testflight: true
        # Configuration related to App Store (optional)
        # Note: This action is performed during post-processing.
        submit_to_app_store: false

Aliran ini harus diaktifkan secara manual atau setelah setiap GitHub tagJika Anda memerlukan otomatisasi tag, silakan referensi ke Automatic build dan rilis dengan GitHub aksi pertama.

Kemudian alur kerja ini akan menarik dependensi NodeJS Anda, menginstalnya dan membangun aplikasi JavaScript Anda.

Setiap kali Anda mengirimkan tag baru, rilis akan dibangun di TestFlight.

Aplikasi Anda tidak perlu menggunakan Ionic, hanya dasar Capacitor yang wajib, aplikasi dapat memiliki modul Cordova lama, tetapi Capacitor plugin JavaScript harus dipilih.

5. Trigger alur kerja

Trigger alur kerja

Push komit baru ke cabang main atau development untuk mengaktifkan alur kerja.

Setelah beberapa menit, build harus tersedia di dashboard App Store Connect Anda.

Mulai secara manual

Anda dapat memulai alur kerja secara manual.

Pilih terlebih dahulu aplikasi yang ingin Anda buat, kemudian klik pada Mulai build baru.

Kemudian pilih cabang yang ingin Anda build.

Dan klik pada Mulai build baru.

Kemudian pergi ke daftar build

Dan klik pada build untuk melihat hasilnya.

Mengapa tidak bisa mendeploy dari mesin lokal?

Tentu saja, dan itu sangat mudah.

Anda dapat menggunakan Xcode untuk membangun dan menandatangani aplikasi Anda, seperti biasa.

Saya berterima kasih

Blog ini didasarkan pada artikel berikut:

• Pengiriman terus-menerus untuk IOS menggunakan Codemagic dan GitHub aksi
• Dokumentasi Codemagic
• Pesan GitHub ini dari @mrogunlana

Teruslah dari Automatic Capacitor IOS build dengan Codemagic

Jika Anda menggunakan Pembangunan Otomatis Capacitor IOS dengan Codemagic untuk merencanakan otomatisasi CI/CD, hubungkannya dengan Capgo CI/CD untuk alur kerja produk di Capgo CI/CD, Capgo Pembangunan Native untuk alur kerja produk di Capgo Pembangunan Native, Capgo Integrasi untuk alur kerja produk di Capgo Integrasi, Integrasi CI/CD untuk detail implementasi di Integrasi CI/CD, dan GitHub Integrasi Aksi untuk detail implementasi di GitHub Integrasi Aksi.