Hablemos sobre cómo usar Angular+Jenkins para mostrar versiones de compilación.

Al final del artículo sobre Angular combinado con el procesamiento de versiones de Git Commit, nos quedan preguntas. Ahora especifiquemos el problema

y combinémoslo con la compilación de Jenkins. ¿Podemos obtener la información de compilación, como el número de compilación, y completarla? a la pagina? [Tutoriales relacionados recomendados: "Tutorial angular"]

de la siguiente manera:

Uha, modifiquémoslo según el original.

Agregue el archivo build_info.json al directorio raíz.

{ }

Has leído bien, el contenido de build_info.json es {}

El archivo build_info.json se genera al crear Jenkinsfile .

Las ideas de implementación específicas son las siguientes:

proyecto

• Jenkinsfile build_info.json

• si desea obtener el contenido del archivo build_info.json para diferentes entornos.

El entorno aquí solo considera el entorno de producción

. Los pasos son dos pasos simples, el punto más importante es cómo escribir el contenido del archivo build_info.json .

Si no está familiarizado con el contenido relacionado con Jenkinsfile , lea el artículo sobre la construcción automática de proyectos de Node utilizando Jenkins Pipeline y Gitlab. En este punto, su atención se centra en el contenido del artículo Jenkinsfile , de la siguiente manera:

pipeline {
    agente cualquier
    
    herramientas { 
        nodejs "nodejs" 
    }
    
    { etapas
        etapa('Dependencia') {
            {pasos
                sh 'instalación npm'
            }
        }
        # Hemos agregado un escenario aquí, ¿ver más abajo?
        etapa('Construir') { 
            {pasos
                sh 'npm se ejecuta limpio' 
                sh 'npm ejecutar compilación' 
            }
        }
    }
}

Hemos agregado una stage para completar nuestra escritura del archivo build_info.json .

etapa('Versión') {
  {pasos
    guion {
      def amap = 
        'build_number': BUILD_NUMBER, # Número de compilación 'job_name': JOB_NAME # Nombre de la tarea]
      
      # Escribir archivo escribir archivo JSON: WORKSPACE+'build_info.json', json: amap # directorio raíz de WORKSPACE}
  }
}

Sí, la idea está bien... ¿Verdad?

Vayamos al segundo paso: leer el contenido de build_info.json , intercepto el contenido de la parte del entorno de producción de version.js :

// Introduco el archivo build_info.json generado. let buildInfo = require ('./build_info.json');

if(config.env === 'producción') { 
    // Obtenga el número de versión de compilación; de lo contrario, obtenga la versión predeterminada versionObj.version = buildInfo.build_number || 
}

Después de completar el archivo anterior, puede publicarlo en el entorno correspondiente. Si todo va bien, podrá ver el número de versión correspondiente en la página.

Este artículo no está muy relacionado con angular , solo se usa para cooperar con jenkins . El próximo artículo trata sobre el uso Angular para el desarrollo spa , así que estad atentos.

Este artículo es una reproducción de: https://juejin.cn/post/7081642981890981895

Autor: Jimmy