Gestisci la creazione di build 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.

Premessa

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 Convenzioni di commit ` questo ti aiuterà a capire come il tooling debba aggiornare il numero di versione, ci vuole solo 5 minuti per impararlo.

GitHub azioni per tag

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

Questo rilascerà un tag per ogni commit nella tua branch principale. E un alpha rilascio per development, e 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, devi creare un TOKEN DI ACCESSO PERSONALE and add it to your GitHub __CAPGO_KEEP_0__ segreti PERSONAL_ACCESS_TOKEN.

E' necessario per consentire al CI di commit il changelog e l'incremento di versione.

Scegli l'opzione di scadenza quando crei il token. never Scegli lo scopo come repo.

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

E' necessario solo la prima volta, poi gli strumenti lo manterranno aggiornato.

You can now commit this both files and see your first tag appear in GitHub!

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

GitHub actions for 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 costruzione è diverso, puoi cambiarlo nella build_code passo.

Se hai bisogno di una variabile di ambiente, utilizza il MY_ENV_VAR e imposta il secret nelle impostazioni del tuo progetto GitHub, quindi segreto, poi GitHub Action.

Per far funzionare l'upload di Capgo, hai bisogno di ottenere la tua API chiave per Capgo, aggiungerla nelle del tuo repository GitHub come CAPGO_TOKEN.

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

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

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

Vai al tuo Capgo dashboard e controlla il tuo build che è appena apparso, 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 rollout in fase di staging, connettilo con Canali contexto: Canali di rilascio di Capgo. Pagina/area: Pagina di marketing delle soluzioni di Capgo. Ruolo: Etichetta di navigazione o elemento UI breve. Visualizzato in: pagina solutions/white-label.astro. Chiave di messaggio `solutions_white_label_visual_cell2_value` (Valore della cella visiva del white label delle soluzioni). per i dettagli di implementazione in Canali, Canali contexto: Canali di rilascio di Capgo. Pagina/area: Pagina di marketing delle soluzioni di Capgo. Ruolo: Etichetta di navigazione o elemento UI breve. Visualizzato in: pagina solutions/white-label.astro. Chiave di messaggio `solutions_white_label_visual_cell2_value` (Valore della cella visiva del white label delle soluzioni). per i dettagli di implementazione in Canali, Canali per i dettagli di implementazione in Canali, per la soluzione di testing beta. per il flusso di lavoro del prodotto nella Soluzione di Test Beta, e Soluzione di Targeting della Versione per il flusso di lavoro del prodotto nella Soluzione di Targeting della Versione.