Algolia

    Integrazione GitLab CI/CD

    Questa guida spiega come integrare il Client API JMeter di LoadFocus con GitLab CI/CD per test di prestazione automatizzati.

    Passaggi di Configurazione

    1. Memorizzare le Credenziali come Variabili CI/CD di GitLab

    Per prima cosa, memorizzate le vostre credenziali API LoadFocus come variabili CI/CD di GitLab:

    1. Andate al vostro progetto GitLab
    2. Navigate su Settings > CI/CD > Variables
    3. Aggiungete le seguenti variabili:
      • LOADFOCUS_API_KEY: La vostra chiave API LoadFocus (contrassegnate come "Masked")
      • LOADFOCUS_TEAM_ID: Il vostro ID team LoadFocus

    2. Creare una Pipeline GitLab CI/CD

    Create o aggiornate il vostro file .gitlab-ci.yml nel repository:

    stages:
      - build
      - test
      - performance
      - deploy
    

    variables:
      NODE_VERSION: "16"
    

    build:
      stage: build
      image: node:${NODE_VERSION}
      script:
        - npm install
        - npm run build
      artifacts:
        paths:
          - dist/
        expire_in: 1 week
    

    test:
      stage: test
      image: node:${NODE_VERSION}
      script:
        - npm install
        - npm test
    

    performance_test:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        # Install LoadFocus JMeter API Client
        - npm install -g @loadfocus/loadfocus-api-client
    

        # Configure LoadFocus API Client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
    

        # Run Performance Tests
        - |
          loadfocus-api jmeter run-test \
            --name "GitLab_${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}" \
            --thresholds "avgresponse<=200,errors==0,p95<=250" \
            --format json > performance_results.json
      artifacts:
        paths:
          - performance_results.json
        expire_in: 1 week
        when: always
      # Optional: Only run on specific branches
      only:
        - main
        - develop
    

    deploy:
      stage: deploy
      script:
        - echo "Deploying application..."
      only:
        - main
      # Only deploy if all previous stages succeeded
      when: on_success

    3. Visualizzare i Risultati dei Test

    Dopo l'esecuzione della pipeline:

    1. Andate al vostro progetto GitLab
    2. Navigate su CI/CD > Pipelines
    3. Trovate la vostra pipeline e cliccateci sopra
    4. Andate al job "performance_test"
    5. Cliccate su "Browse" nella barra laterale destra per visualizzare gli artefatti
    6. Scaricate e visualizzate il file performance_results.json

    Configurazione Avanzata

    Test Specifici per Ambiente

    Eseguite test di prestazione diversi per ambienti diversi:

    .performance_test_template: &performance_test_definition
      stage: performance
      image: node:${NODE_VERSION}
      script:
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "${TEST_NAME}" \
            --thresholds "${THRESHOLDS}" \
            --format json > performance_results.json
      artifacts:
        paths:
          - performance_results.json
        expire_in: 1 week
        when: always
    

    performance_test_develop:
      <<: *performance_test_definition
      variables:
        TEST_NAME: "API_Test_Develop"
        THRESHOLDS: "avgresponse<=300,errors==0,p95<=500"
      only:
        - develop
    

    performance_test_staging:
      <<: *performance_test_definition
      variables:
        TEST_NAME: "API_Test_Staging"
        THRESHOLDS: "avgresponse<=250,errors==0,p95<=350"
      only:
        - staging
    

    performance_test_production:
      <<: *performance_test_definition
      variables:
        TEST_NAME: "API_Test_Production"
        THRESHOLDS: "avgresponse<=200,errors==0,p95<=250"
      only:
        - main

    Test Paralleli

    Eseguite piu test di prestazione in parallelo:

    performance_test_api:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "API_Performance_Test" \
            --thresholds "avgresponse<=150,errors==0" \
            --format json > api_performance_results.json
      artifacts:
        paths:
          - api_performance_results.json
        expire_in: 1 week
    

    performance_test_ui:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "UI_Performance_Test" \
            --thresholds "avgresponse<=300,errors==0" \
            --format json > ui_performance_results.json
      artifacts:
        paths:
          - ui_performance_results.json
        expire_in: 1 week

    Poi create una pianificazione della pipeline in GitLab:

    1. Andate al vostro progetto GitLab
    2. Navigate su CI/CD > Schedules
    3. Cliccate su "New schedule"
    4. Impostate una pianificazione (es. ogni giorno a mezzanotte)

    Creazione di Report sulle Prestazioni

    Generate report HTML dai risultati JSON:

    performance_test:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        # Run performance test
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "GitLab_${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}" \
            --thresholds "avgresponse<=200,errors==0,p95<=250" \
            --format json > performance_results.json
    

        # Generate HTML report
        - npm install -g performance-report-generator  # Replace with actual report generator
        - performance-report-generator --input performance_results.json --output performance_report.html
      artifacts:
        paths:
          - performance_results.json
          - performance_report.html
        expire_in: 1 week
        when: always
      # Optional: Publish report as GitLab Pages
      pages:
        stage: deploy
        dependencies:
          - performance_test
        script:
          - mkdir -p public/performance-reports
          - cp performance_report.html public/performance-reports/index.html
        artifacts:
          paths:
            - public
        only:
          - main

    Integrazione con le Funzionalita di GitLab

    Widget per le Merge Request

    Visualizzate i risultati dei test di prestazione nelle merge request utilizzando la funzionalita di report JUnit di GitLab:

    performance_test:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        # Run performance test
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "GitLab_${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}" \
            --thresholds "avgresponse<=200,errors==0,p95<=250" \
            --format json > performance_results.json
    

        # Convert to JUnit format (using a custom script)
        - node convert-to-junit.js performance_results.json junit-report.xml
      artifacts:
        reports:
          junit: junit-report.xml
        paths:
          - performance_results.json
        expire_in: 1 week

    Metriche GitLab

    Utilizzate la funzionalita metriche di GitLab per monitorare le prestazioni nel tempo:

    performance_test:
      stage: performance
      image: node:${NODE_VERSION}
      script:
        # Run performance test
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "GitLab_${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}" \
            --thresholds "avgresponse<=200,errors==0,p95<=250" \
            --format json > performance_results.json
    

        # Extract metrics and report them to GitLab
        - |
          # Parse JSON and extract metrics
          RESPONSE_TIME=$(jq '.labels[0].metrics.avgresponse' performance_results.json)
          ERROR_RATE=$(jq '.labels[0].metrics.errors' performance_results.json)
    

          # Report metrics
          echo "performance_avg_response_time ${RESPONSE_TIME}" >> metrics.txt
          echo "performance_error_rate ${ERROR_RATE}" >> metrics.txt
      artifacts:
        reports:
          metrics: metrics.txt
        paths:
          - performance_results.json
        expire_in: 1 week

    Ambienti GitLab

    Associate i test di prestazione ad ambienti specifici:

    performance_test_staging:
      stage: performance
      image: node:${NODE_VERSION}
      environment:
        name: staging
      script:
        - npm install -g @loadfocus/loadfocus-api-client
        - loadfocus-api config set apikey $LOADFOCUS_API_KEY
        - loadfocus-api config set teamid $LOADFOCUS_TEAM_ID
        - |
          loadfocus-api jmeter run-test \
            --name "Staging_Performance_Test" \
            --thresholds "avgresponse<=250,errors==0" \
            --format json > performance_results.json
      artifacts:
        paths:
          - performance_results.json
        expire_in: 1 week
      only:
        - staging

    Suggerimenti per l'Integrazione con GitLab CI/CD

    1. Caching: Memorizzate nella cache le dipendenze npm per velocizzare le esecuzioni della pipeline:

      performance_test:
        stage: performance
        image: node:${NODE_VERSION}
        cache:
          key: ${CI_COMMIT_REF_SLUG}
          paths:
            - node_modules/
        script:
          - npm install -g @loadfocus/loadfocus-api-client
          # Rest of the script...

    2. Impostazioni di Timeout: Impostate i timeout per test di prestazione di lunga durata:

      performance_test:
        stage: performance
        image: node:${NODE_VERSION}
        timeout: 2h  # Set a 2-hour timeout
        script:
          # Performance test script...

    3. Trigger Manuali: Permettete l'attivazione manuale dei test di prestazione:

      performance_test:
        stage: performance
        image: node:${NODE_VERSION}
        script:
          # Performance test script...
        when: manual

    4. Configurazione Dinamica dei Test: Utilizzate le variabili predefinite di GitLab per configurare dinamicamente i test:

      performance_test:
        stage: performance
        image: node:${NODE_VERSION}
        script:
          - |
            # Set thresholds based on branch
            if [ "$CI_COMMIT_REF_NAME" = "main" ]; then
              THRESHOLDS="avgresponse<=200,errors==0,p95<=250"
            else
              THRESHOLDS="avgresponse<=300,errors==0,p95<=500"
            fi
      

            loadfocus-api jmeter run-test \
              --name "GitLab_${CI_PROJECT_NAME}_${CI_COMMIT_REF_NAME}" \
              --thresholds "$THRESHOLDS" \
              --format json > performance_results.json

    5. Notifiche: Inviate notifiche quando i test di prestazione falliscono:

      performance_test:
        stage: performance
        image: node:${NODE_VERSION}
        script:
          # Performance test script...
        after_script:
          - |
            if [ $? -ne 0 ]; then
              # Send notification using curl, GitLab API, or other method
              curl -X POST -H "Content-Type: application/json" \
                -d "{\"text\":\"Performance test failed for ${CI_PROJECT_NAME}\"}" \
                $WEBHOOK_URL
            fi

    Per maggiori informazioni, consultate la documentazione di GitLab CI/CD e la documentazione del Client API LoadFocus.

    Precedente
    Integrazione GitHub Actions
    Successivo
    Integrazione Jenkins