Mari kita bahas tentang cara menggunakan Angular+Jenkins untuk menampilkan versi build

Di akhir artikel tentang Angular dikombinasikan dengan pemrosesan versi Git Commit, kita memiliki pertanyaan?️ Sekarang mari kita nyatakan masalahnya

dan gabungkan dengan build Jenkins. Bisakah kita mendapatkan informasi build, seperti nomor build, dan mengisinya kembali ke halaman? [Tutorial terkait yang direkomendasikan: "Tutorial Sudut"]

sebagai berikut:

Uha, ayo kita modifikasi berdasarkan aslinya.

Tambahkan file build_info.json ke direktori root.

{}

Anda membacanya dengan benar, konten build_info.json adalah {}

File build_info.json dihasilkan saat membangun Jenkinsfile .

Ide implementasi spesifiknya adalah sebagai berikut:

Saat mengemas

• Jenkinsfile build_info.json

• pertimbangkan apakah akan mendapatkan konten file build_info.json untuk lingkungan yang berbeda.

lingkungan di sini hanya mempertimbangkan lingkungan produksi

. Langkah-langkahnya adalah dua langkah sederhana, yang terpenting adalah cara menulis konten file build_info.json .

Jika Anda belum familiar dengan konten terkait Jenkinsfile , silakan baca artikel tentang konstruksi otomatis proyek Node menggunakan Jenkins Pipeline dan Gitlab. Pada titik ini, fokus Anda adalah pada isi artikel Jenkinsfile , sebagai berikut:

pipeline {
    agen apa pun
    
    peralatan { 
        nodejs "nodejs" 
    }
    
    { tahapan
        tahap('Ketergantungan') {
            {tangga
                sh 'instal npm'
            }
        }
        # Kami telah menambahkan panggung di sini, lihat di bawah?
        tahap('Membangun') { 
            {tangga
                sh 'npm jalankan bersih' 
                sh 'npm jalankan build' 
            }
        }
    }
}

Kami telah menambahkan stage untuk menyelesaikan penulisan file build_info.json .

tahap('Versi') {
  {tangga
    skrip {
      def amap = 
        'build_number': BUILD_NUMBER, # Nomor build 'job_name': JOB_NAME # Nama tugas]
      
      # Tulis file tulis file JSON: WORKSPACE+'build_info.json', json: amap # Direktori root WORKSPACE}
  }
}

Ya, idenya oke... Benar?

Mari kita lanjutkan ke langkah kedua: baca konten build_info.json , saya mencegat konten bagian lingkungan produksi version.js :

// Perkenalkan file build_info.json yang dihasilkan biarkan buildInfo = memerlukan ('./build_info.json');

if(config.env === 'produksi') { 
    // Dapatkan nomor versi build, jika tidak, dapatkan versi default versionObj.version = buildInfo.build_number || config.version 
}

Setelah menyelesaikan file di atas, Anda dapat mempublikasikannya ke lingkungan yang relevan. Jika semuanya berjalan dengan baik, Anda dapat melihat nomor versi yang relevan di halaman.

Artikel ini tidak terlalu berhubungan dengan angular , hanya digunakan untuk bekerja sama dengan jenkins . Artikel selanjutnya adalah tentang penggunaan Angular untuk pengembangan spa , jadi pantau terus.

Artikel ini direproduksi dari: https://juejin.cn/post/7081642981890981895

Penulis: Jimmy