Startseite>Webdesign-Tutorial>Javascript-Tutorial

Lassen Sie uns darüber sprechen, wie Sie Angular+Jenkins zum Anzeigen von Build-Versionen verwenden

Autor：Eve Cole Aktualisierungszeit：2022-08-22 11:31:52
Dieser Artikel wird Ihnen dabei helfen, Angular weiter zu lernen und zu erfahren, wie Sie Jenkins in Kombination mit Angular verwenden, um die erstellte Version anzuzeigen. Ich hoffe, er wird Ihnen hilfreich sein!

Am Ende des Artikels über Angular in Kombination mit der Git-Commit-Versionsverarbeitung bleiben uns Fragen? Jetzt konkretisieren wir das Problem

und kombinieren es mit dem Jenkins-Build. Können wir die Build-Informationen, wie z. B. die Build-Nummer, abrufen und auffüllen? zur Seite? [Empfohlene verwandte Tutorials: „Angular Tutorial“]

wie folgt:

1.png

Uha, lass es uns basierend auf dem Original modifizieren.

Fügen Sie die Datei build_info.json zum Stammverzeichnis hinzu.

{ }

Sie haben richtig gelesen, der Inhalt von build_info.json ist {}

Die Datei build_info.json wird beim Erstellen Jenkinsfile generiert.

Die spezifischen Implementierungsideen lauten wie folgt:

  • Führen Sie während des Erstellungsprozesses Jenkinsfile aus, um build_info.json zu generieren.

  • Überlegen Sie beim Packen des Projekts, ob Sie den Inhalt der Datei build_info.json für verschiedene Umgebungen abrufen möchten

. Die Umgebung berücksichtigt hier nur die Produktionsumgebung

. Die Schritte sind zwei einfache Schritte. Der wichtigste Punkt ist, wie der Inhalt der Datei build_info.json geschrieben wird .

Wenn Sie mit Jenkinsfile bezogenen Inhalten nicht vertraut sind, lesen Sie bitte den Artikel über die automatische Erstellung von Node-Projekten mit Jenkins Pipeline und Gitlab. An dieser Stelle liegt Ihr Fokus auf dem Inhalt des Artikels Jenkinsfile wie folgt:

Pipeline {
    Agent irgendwelche
    
    Werkzeuge { 
        nodejs „nodejs“ 
    }
    
    { Stufen
        stage('Abhängigkeit') {
            {Schritte
                sh 'npm install'
            }
        }
        # Wir haben hier eine Bühne hinzugefügt, siehe unten?
        stage('Build') { 
            {Schritte
                sh 'npm run clean' 
                sh 'npm run build' 
            }
        }
    }
}

Wir haben eine stage hinzugefügt, um das Schreiben der Datei build_info.json abzuschließen.

stage('Version') {
  {Schritte
    Skript {
      def amap = 
        'build_number': BUILD_NUMBER, # Build-Nummer 'job_name': JOB_NAME # Aufgabenname]
      
      # Datei schreiben writeJSON-Datei: WORKSPACE+'build_info.json', json: amap # WORKSPACE-Stammverzeichnis}
  }
}

Ja, die Idee ist in Ordnung ... Richtig?

Gehen wir zum zweiten Schritt: Lesen Sie den Inhalt von build_info.json . Ich fange den Inhalt des Produktionsumgebungsteils von version.js ab:

// Führen Sie die generierte Datei build_info.json ein let buildInfo = require ('./build_info.json');

if(config.env === 'Produktion') { 
    // Holen Sie sich die Build-Versionsnummer, andernfalls erhalten Sie die Standardversion versionObj.version = buildInfo.build_number || 
}

Nachdem Sie die obige Datei fertiggestellt haben, können Sie sie in der entsprechenden Umgebung veröffentlichen. Wenn alles gut geht, können Sie die entsprechende Versionsnummer auf der Seite sehen.

Dieser Artikel hat nicht viel mit angular zu tun, sondern wird nur für die Zusammenarbeit mit jenkins verwendet. Im nächsten Artikel geht es um die Verwendung Angular für spa Entwicklung, also bleiben Sie dran.

Dieser Artikel wurde reproduziert von: https://juejin.cn/post/7081642981890981895

Autor: Jimmy
Ähnliche Artikel