Saltare al contenuto 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 la tua 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 sulla GitHub hosting, ma puoi adattarla con un piccolo aggiustamento a qualsiasi altra piattaforma CI/CD.

Prefazione

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

Convenzione di commit

In primo luogo, devi iniziare a seguire la convenzione di commit. Comuni ` questo ti aiuterà a capire come aggiornare il numero di versione, ci vuole solo 5 minuti per impararlo.

Comuni

GitHub azioni per tag

Poi devi creare la tua prima azione GitHub per creare automaticamente edizioni e 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

Rilascerà un tag per ogni commit nella tua branch principale. E un rilascio per alpha non preoccuparti se non hai questo file, verrà creato per te. developmentPer far funzionare questo, devi creare un CHANGELOG.md.

TOKEN DI ACCESSO PERSONALE

__CAPGO_KEEP_0__ __CAPGO_KEEP_0__ and add it to your GitHub Ciò è necessario per consentire al CI di commitare il changelog e l'incremento della versione. Quando crei il token, scegli l'expiration come PERSONAL_ACCESS_TOKEN.

main branch

release for never e lo scope come repo.

Imposta il version chiave nel tuo package.json file. Utilizza per questo l'ultima versione rilasciata nella The store.

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

Puoi ora commitare 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 in Android e IOS

GitHub azioni 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 costruirà la tua dipendenza prima di inviarla a Capgo.

Se il tuo comando per la build è diverso, puoi cambiarlo in il build_code passo.

Se hai bisogno di una variabile di ambiente, utilizza il MY_ENV_VAR e imposta il secret nel tuo GitHub impostazione del progetto, quindi segreto quindi GitHub Azione.

Per rendere Capgo upload funzionare, hai bisogno di ottenere la tua API chiave per Capgo, aggiungerla nella segreto del tuo GitHub repository come CAPGO_TOKEN.

Puoi ora commitare entrambi i file e vedere la tua prima versione apparire in Capgo!

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

Devi aggiungere i tuoi test nel passo di costruzione Ionic per essere certo che code funzioni.

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

Continua a procedere da Gestisci la costruzione di sviluppo e di produzione con GitHub azioni

Se stai utilizzando Gestisci costruzione e produzione con GitHub azioni per pianificare la routing dei canali e la distribuzione in fase di testing, connettilo con Canali per i dettagli di implementazione in Canali, Canali per i dettagli di implementazione in Canali, Canali per i dettagli di implementazione in Canali, Soluzione di testing beta per il workflow del prodotto in Soluzione di testing beta, e Soluzione di targeting versione per il flusso di lavoro del prodotto nella Version Targeting Solution.

Aggiornamenti in tempo reale per le app Capacitor

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

Inizia subito

Ultimi articoli dal nostro Blog

Capgo ti offre le migliori informazioni che ti servono per creare un'app mobile veramente professionale.