Gestisci le build di sviluppo e produzione con le azioni GitHub

Questo tutorial si concentra sull'hosting di GitHub, ma puoi adattarlo con piccole modifiche a qualsiasi altra piattaforma CI/CD.

Prefazione

Assicurati di aver prima aggiunto la tua app Capacitor a Capgo; questo tutorial si concentra solo sulla fase di upload.

Convenzione dei commit

Per prima cosa, devi iniziare a seguire la convenzione dei commit conventional commits` questo aiuterà il tooling a capire come incrementare il numero di versione; bastano 5 minuti per impararlo.

Azioni GitHub per il tag

Poi devi creare la tua prima action GitHub per compilare automaticamente e creare tag.

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 tag per ogni commit nel tuo ramo main. E un alpha release per development, e infine una voce di changelog per ogni commit in CHANGELOG.md.

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

Per far funzionare tutto, devi creare un PERSONAL ACCESS TOKEN e aggiungerlo al tuo GitHub secrets come PERSONAL_ACCESS_TOKEN.

È necessario per permettere alla CI di committare il changelog e il bump di versione.

Quando crei il token, scegli come scadenza never e come scope repo.

Imposta la version chiave nel tuo package.json file. Per farlo, usa l'ultima versione rilasciata nello store.

Serve solo la prima volta, poi gli strumenti lo mantengono aggiornato.

Ora puoi fare il commit di entrambi i 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 su Android e iOS

Azioni GitHub per la build

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

Questo installerà e farà la build delle tue dipendenze prima di inviarle a Capgo.

Se il tuo comando di build è diverso, puoi modificarlo nel build_code passo.

Se ti serve una variabile d'ambiente, usa MY_ENV_VAR e imposta secret nelle impostazioni del tuo progetto GitHub, poi Secret e infine nell'Action GitHub.

Per far funzionare l'upload di Capgo, devi ottenere la tua chiave API per Capgo e aggiungerla in secret del tuo repository GitHub come CAPGO_TOKEN.

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

Aggiungere il commit genererà una nuova build Capacitor per il canale di produzione e sviluppo.

Dovresti aggiungere i tuoi test nello step di build Ionic per essere certo che il tuo code funzioni.

Vai alla tua dashboard Capgo e controlla la build appena apparsa: ora hai il tuo sistema CI/CD.

Continua da Gestione delle build di sviluppo e produzione con le action di GitHub

Se stai usando Gestisci le build di sviluppo e produzione con le azioni GitHub per pianificare il routing dei canali e il rollout graduale, connettilo a Canali per i dettagli di implementazione nei Channels, Canali per i dettagli di implementazione nei Channels, Canali per i dettagli di implementazione nei Channels, Soluzione Beta Testing per il workflow di prodotto nella Soluzione Beta Testing, e Soluzione Version Targeting per il workflow di prodotto nella Soluzione Version Targeting.