Vamos falar sobre como usar Angular+Jenkins para exibir versões de build

No final do artigo sobre Angular combinado com processamento de versão Git Commit, ficamos com dúvidas? ️ Agora vamos concretizar o problema

e combiná-lo com a compilação do Jenkins. Podemos obter as informações da compilação, como o número da compilação, e preenchê-las. para a página? [Tutoriais relacionados recomendados: "Tutorial Angular"]

como segue:

Uha, vamos modificá-lo com base no original.

Adicione o arquivo build_info.json ao diretório raiz.

{ }

Você leu certo, o conteúdo de build_info.json é {}

O arquivo build_info.json é gerado durante a construção Jenkinsfile .

As ideias específicas de implementação são as seguintes:

para

• Jenkinsfile build_info.json Ao

• empacotar o projeto, considere se deseja obter o conteúdo do arquivo build_info.json para diferentes ambientes.

o ambiente aqui considera apenas o ambiente de produção

. As etapas são duas etapas simples, o ponto mais importante é como escrever o conteúdo do arquivo build_info.json .

Se você não está familiarizado com o conteúdo relacionado Jenkinsfile , leia o artigo sobre construção automática de projetos Node usando Jenkins Pipeline e Gitlab. Neste ponto, seu foco está no conteúdo do artigo Jenkinsfile , como segue:

pipeline {
    agente qualquer
    
    ferramentas { 
        nodejs “nodejs” 
    }
    
    {estágios
        estágio('Dependência') {
            {passos
                sh 'instalar npm'
            }
        }
        # Adicionamos um estágio aqui, veja abaixo?
        estágio('Construir') { 
            {passos
                sh 'npm corre limpo' 
                sh 'npm executa compilação' 
            }
        }
    }
}

Adicionamos um stage para concluir a escrita do arquivo build_info.json .

stage('Versão') {
  {passos
    roteiro {
      def amap = 
        'build_number': BUILD_NUMBER, # Número de compilação 'job_name': JOB_NAME # Nome da tarefa]
      
      # Gravar arquivo writeJSON file: WORKSPACE+'build_info.json', json: amap # WORKSPACE root directory}
  }
}

Pois é, a ideia está boa... Certo?

Vamos para o segundo passo: ler o conteúdo do build_info.json , eu intercepto o conteúdo da parte do ambiente de produção do version.js :

// Introduzir o arquivo build_info.json gerado deixe buildInfo = require ('./build_info.json');

if(config.env === 'produção') { 
    // Obtenha o número da versão da compilação, caso contrário, obtenha a versão padrão versionObj.version = buildInfo.build_number || 
}

Depois de concluir o arquivo acima, você poderá publicá-lo no ambiente relevante. Se tudo correr bem, você poderá ver o número da versão relevante na página.

Este artigo não está muito relacionado ao angular , é usado apenas para cooperar com jenkins . O próximo artigo é sobre o uso Angular para desenvolvimento spa , portanto, fique atento.

Este artigo foi reproduzido de: https://juejin.cn/post/7081642981890981895

Autor: Jimmy