Parlons de la façon d'utiliser Angular+Jenkins pour afficher les versions de build

À la fin de l'article sur Angular combiné avec le traitement des versions de Git Commit, nous nous retrouvons avec des questions ?️ Concrètons maintenant le problème

et combinons-le avec la build Jenkins. Pouvons-nous obtenir les informations de build, telles que le numéro de build, et les remplir. à la page ? [Tutoriels associés recommandés : "Tutoriel angulaire"]

comme suit :

Euh, modifions-le en fonction de l'original.

Ajoutez le fichier build_info.json au répertoire racine.

{ }

Vous avez bien lu, le contenu de build_info.json est {}

Le fichier build_info.json est généré lors de la construction Jenkinsfile .

Les idées d'implémentation spécifiques sont les suivantes :

générer

• Jenkinsfile build_info.json Lors de

• l'empaquetage du projet, réfléchissez à l'opportunité d'obtenir le contenu du fichier build_info.json pour différents environnements.

l'environnement ici ne prend en compte que l'environnement de production

. Les étapes sont deux étapes simples, le point le plus important est de savoir comment écrire le contenu du fichier build_info.json .

Si vous n'êtes pas familier avec le contenu lié à Jenkinsfile , veuillez lire l'article sur la construction automatique de projets Node à l'aide de Jenkins Pipeline et Gitlab. À ce stade, vous vous concentrez sur le contenu de l'article Jenkinsfile , comme suit :

pipeline {
    agent n'importe quel
    
    outils { 
        nodejs "nodejs" 
    }
    
    { étapes
        stage('Dépendance') {
            {mesures
                sh 'installation npm'
            }
        }
        # Nous avons ajouté une étape ici, voir ci-dessous ?
        étape('Construire') { 
            {mesures
                sh 'npm run clean' 
                sh 'npm run build' 
            }
        }
    }
}

Nous avons ajouté une stage pour terminer notre écriture du fichier build_info.json .

étape('Version') {
  {mesures
    scénario {
      par défaut amap = 
        'build_number' : BUILD_NUMBER, # Numéro de build 'job_name' : JOB_NAME # Nom de la tâche]
      
      # Écrire le fichier writeJSON : WORKSPACE+'build_info.json', json : amap # Répertoire racine WORKSPACE}
  }
}

Ouais, l'idée est bonne... Non ?

Passons à la deuxième étape : lire le contenu de build_info.json , j'intercepte le contenu de la partie environnement de production de version.js :

// Introduire le fichier build_info.json généré let buildInfo = require ('./build_info.json');

if(config.env === 'production') { 
    // Récupère le numéro de version du build, sinon récupère la version par défaut versionObj.version = buildInfo.build_number || 
}

Après avoir complété le fichier ci-dessus, vous pouvez le publier dans l'environnement concerné. Si tout se passe bien, vous pouvez voir le numéro de version correspondant sur la page.

Cet article n'est pas très lié à angular , il est juste utilisé pour coopérer avec jenkins . Le prochain article concerne l'utilisation Angular pour le développement spa , alors restez à l'écoute.

Cet article est reproduit à partir de : https://juejin.cn/post/7081642981890981895

Auteur : Jimmy