Mari kita bincangkan tentang cara menggunakan Angular Jenkins untuk memaparkan versi binaan

Artikel ini akan membantu anda meneruskan pembelajaran angular dan mempelajari cara menggunakan Jenkins digabungkan dengan Angular untuk memaparkan versi terbina saya harap ia akan membantu semua orang.

Dalam Angular digabungkan dengan pemprosesan versi Git Commit Pada penghujung artikel, kita masih mempunyai soalan?️ Mari nyatakan masalah di bawah

Digabungkan dengan binaan Jenkins, kita boleh mendapatkan maklumat binaan, seperti nombor binaan, dan bolehkah ia diisi semula ke halaman? [Tutorial berkaitan yang disyorkan: "tutorial sudut"]

adalah seperti berikut:

Uha, kami akan mengubah suainya berdasarkan asal.

Tambah fail build_info.json pada direktori akar.

{ }

Anda membacanya dengan betul, kandungan build_info.json ialah {}

build_info.json fail dijana apabila Jenkinsfile dibina.

Idea pelaksanaan khusus adalah seperti berikut:

• dilaksanakan semasa proses pembinaan untuk menjana Jenkinsfile fail build_info.json

• Apabila membungkus projek, pertimbangkan sama ada untuk mendapatkan kandungan fail

  untuk persekitaran yang berbeza build_info.json

Untuk kemudahan demonstrasi, persekitaran di sini hanya mempertimbangkan persekitaran pengeluaran

Langkah di atas adalah dua langkah mudah, perkara yang paling penting ialah

cara menulis kandungan failbuild_info.json.

Jika anda tidak biasa dengan

kandungan berkaitan, sila bacanya bersama-sama dengan artikel JenkinsfileJenkins Pipeline dan Gitlab untuk merealisasikan pembinaan automatik projek Node. Pada masa ini, tumpuan anda adalah pada kandungan artikel , seperti berikut: Jenkinsfile

pipeline {
    agent any
    
    tools { 
        nodejs "nodejs" 
    }
    
    stages {
        stage('Dependency') {
            steps {
                sh 'npm install'
            }
        }
        # 我们在此添加过一个 stage，见下面?
        stage('Build') { 
            steps {
                sh 'npm run clean' 
                sh 'npm run build' 
            }
        }
    }
}

Kami telah menambah

untuk melengkapkan penulisan fail stage kami. build_info.json

stage('Version') {
  steps {
    script {
      def amap = 
        'build_number': BUILD_NUMBER, # 构建号
        'job_name': JOB_NAME # 任务名称
      ]
      
      # 写入文件
      writeJSON file: WORKSPACE+'build_info.json', json: amap # WORKSPACE 根目录
    }
  }
}

Ya, idea itu okey... Betul?

Mari kita ke langkah kedua: baca kandungan

, dan saya memintas kandungan persekitaran pengeluaran sebahagian daripada build_info.json :version.js

// 引入生成的 build_info.json 文件
let buildInfo = require('./build_info.json');

if(config.env === 'production') { 
    // 获取构建的版本号，否则获取默认的版本
    versionObj.version = buildInfo.build_number || config.version 
}

Selepas melengkapkan fail di atas, anda boleh menerbitkannya ke persekitaran yang berkaitan Jika semuanya berjalan lancar, anda boleh melihat nombor versi yang berkaitan pada halaman.

Artikel ini tidak begitu berkaitan dengan

, ia hanya digunakan untuk menyelaraskan dengan angular. Artikel seterusnya adalah tentang menggunakan jenkins untuk pembangunan Angular, jadi nantikan. spa

Artikel ini diterbitkan semula daripada: https://juejin.cn/post/7081642981890981895

Pengarang: Jimmy

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan , sila layari :

Video Pengaturcaraan! !

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara menggunakan Angular Jenkins untuk memaparkan versi binaan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!