Vai alla navigazione principale
CI/CD

Gestisci la costruzione di sviluppo e produzione con azioni GitHub

Usa Capgo per rilasciare il tuo devbuild su un canale specifico, e lascia che il tuo team provi il tuo Capacitor app Ionic senza dover attendere la revisione di Apple e Google

Martin Donadieu

Martin Donadieu

Content Marketer

Gestisci la costruzione di sviluppo e produzione con azioni GitHub

Questa guida si concentra sul GitHub hosting, ma puoi adattarla con un po' di modifica a qualsiasi altra piattaforma CI/CD

Prefazione

Assicurati di aver aggiunto il tuo Capacitor app prima a Capgo, questa guida si concentra solo sulla fase di caricamento

Convenzione di commit

Prima di tutto devi iniziare a seguire la convenzione di commit commessi convenzionali` questo ti aiuterà a capire come aggiornare il numero di versione, ci vuole solo 5 minuti per impararlo

commessi convenzionali

GitHub actions for tag

Poi devi creare la tua prima azione per GitHub per costruire automaticamente e creare etichette

Crea un file in questo percorso: .github/workflows/bump_version.yml

con questo contenuto:

name: Bump version

on:
  push:
    branches:
      - main
      - development

jobs:
  bump-version:
    if: "!startsWith(github.event.head_commit.message, 'chore(release):')"
    runs-on: ubuntu-latest
    name: "Bump version and create changelog with standard version"
    steps:
      - name: Check out
        uses: actions/checkout@v6
        with:
          fetch-depth: 0
          filter: blob:none
          token: '${{ secrets.PERSONAL_ACCESS_TOKEN }}'
      - name: Git config
        run: |
          git config --local user.name "github-actions[bot]"
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
      - name: Create bump and changelog
        if: github.ref == 'refs/heads/main'
        run: npx capacitor-standard-version
      - name: Create bump and changelog
        if: github.ref != 'refs/heads/main'
        run: npx capacitor-standard-version --prerelease alpha
      - name: Push to origin
        run: |
          CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
          remote_repo="https://${GITHUB_ACTOR}:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/${GITHUB_REPOSITORY}.git"
          git pull $remote_repo $CURRENT_BRANCH
          git push $remote_repo HEAD:$CURRENT_BRANCH --follow-tags --tags

Questo rilascerà un'etichetta per ogni commit nella tua branch principale. E un alpha rilascio per developmente infine un'entry di changelog per ogni commit in CHANGELOG.md.

Non preoccuparti se non hai questo file, verrà creato per te.

Per far funzionare questo, è necessario creare un TOKEN DI ACCESSO PERSONALE e aggiungerlo ai tuoi GitHub segreti in quanto PERSONAL_ACCESS_TOKEN.

È necessario per consentire al CI di effettuare il commit del changelog e dell'incremento di versione.

Quando si crea il token, scegliere l'expiration come never e lo scope come repo.

Impostare la version chiave nel tuo package.json file. Utilizza per questo l'ultima versione rilasciata su The store.

È necessario solo la prima volta, poi gli strumenti lo terranno aggiornato.

Puoi ora commitare questi due file e vedere comparire il tuo primo tag in GitHub!

capacitor-standard-version è il pacchetto che fa la magia, di default, aggiorna anche il numero di versione in Android e IOS

GitHub azioni per la costruzione

Crea un file in questo percorso: .github/workflows/build.yml

con questo contenuto:

name: Build source code and send to Capgo

on:
  push:
    tags:
      - '*'
      
jobs:
  deploy:
    runs-on: ubuntu-latest
    name: "Build code and release"
    steps:
      - name: Check out
        uses: actions/checkout@v6
      - name: Install dependencies
        id: install_code
        run: npm i
      - name: Build
        id: build_code
        run: npm build
        env:
          MY_ENV_VAR: ${{ secrets.MY_ENV_VAR }}
      - name: Create Release Alpha
        if: "contains(github.ref, '-alpha.')"
        id: create_release_prepro
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c development
      - name: Create Release Production
        if: "!contains(github.ref, '-alpha.')"
        id: create_release_prod
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c production

Ciò installerà e costruirà la tua dipendenza prima di inviarla a Capgo.

Se il tuo comando per la costruzione è diverso, puoi cambiarlo nel build_code Se hai bisogno di una variabile di ambiente, utilizza il

e imposta il MY_ENV_VAR nelle impostazioni del tuo progetto __CAPGO_KEEP_1__ di segreto, poi __CAPGO_KEEP_1__ Action. secret in your GitHub project setting, then secret then GitHub Action.

To fare funzionare l'upload di Capgo, hai bisogno di ottenere la tua chiave API per Capgo, aggiungerla nel segreto del tuo repository GitHub come CAPGO_TOKEN.

Ora puoi commitare entrambi i file e vedere la tua prima versione apparire in Capgo!

L'aggiunta del commit genererà una nuova build di Capacitor per il canale di produzione e sviluppo.

Dovresti aggiungere i tuoi test nel passo di build di Ionic per essere certo che code funzioni correttamente.

Vai al tuo dashboard Capgo e controlla la tua build che è appena apparsa, ora hai il tuo sistema CI/CD.

Continua da Manage development and production build with GitHub actions

Se stai utilizzando Manage development and production build with GitHub actions per pianificare la routing dei canali e la distribuzione in fase di testing, connettilo con Canali per i dettagli di implementazione nei canali, Canali per i dettagli di implementazione nei canali, Canali per i dettagli di implementazione nei canali, Soluzione di testing beta per il flusso di lavoro del prodotto in Soluzione di testing beta, e Soluzione di targeting della versione per il flusso di lavoro del prodotto in Soluzione di targeting della versione.

Aggiornamenti in tempo reale per Capacitor app

Quando un bug di layer web è attivo, invia la correzione attraverso Capgo anziché aspettare giorni per l'approvazione della store. Gli utenti ricevono l'aggiornamento in background mentre le modifiche native rimangono nel normale percorso di revisione.

Sostegno umano da Martin

Inizia subito

Ultimi articoli dal nostro Blog

Capgo vi offre le migliori informazioni che hai bisogno per creare un'app mobile davvero professionale.