Implementierung der One-Click-Verpackung und -Veröffentlichung von Vue-Projekten mit Jenkins

Jenkins-Installation

Jenkins ist eine Open-Source-CI&CD-Software, die zum Automatisieren verschiedener Aufgaben, darunter Erstellen, Testen und Bereitstellen von Software, verwendet wird.

Jenkins unterstützt verschiedene Ausführungsarten, entweder über ein Systempaket, Docker oder über ein eigenständiges Java-Programm.

Installieren

Als Betriebssystem kommt hier WSL Ubuntu zum Einsatz. Informationen zur Installation anderer Systeme finden Sie in der offiziellen Dokumentation von Jenkins.

wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add -
sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list'
sudo apt-get update
sudo apt-get installiere jenkins

Ändern Sie die Portnummer (der Standardport ist 8080)

Die Jenkins-Konfigurationsdatei befindet sich in /etc/default/jenkins ; suchen Sie HTTP-PORT und ändern Sie ihn

laufen

sudo systemctl starte jenkins
# ODER
sudo service jenkins starten

Wenn Sie die Maschine automatisch starten möchten

sudo systemctl aktiviere Jenkins

Wenn während der Laufzeit der folgende Fehler auftritt, installieren Sie bitte zuerst jdk

Grundkonfiguration

Geben Sie nach dem erfolgreichen Start die entsprechende Adresse (ip:port) ein, um jenkins管理界面aufzurufen - wie unten gezeigt

Holen Sie sich das Standardadministratorkennwort in上圖中紅色字體對應的文件- spezifischer Befehl

cat /var/lib/jenkins/secrets/initialAdminPassword

Nach der Ausführung des Befehls wird folgende Abbildung zurückgegeben

Nachdem Sie das Passwort eingegeben haben, rufen Sie die自定義Jenkins Schnittstelle auf (wie unten gezeigt).

In dieser Schnittstelle wählen wir安裝推薦的插件die Installation des Plug-Ins wird gestartet; wie unten gezeigt

插件安裝完成后wird automatisch設置用戶名密碼aufgerufen (siehe unten).

Klicken Sie nach Abschluss der Eingabe auf die Schaltfläche保存并完成, um die nächste實例配置

Klicken Sie auf die Schaltfläche保存并完成, um eine neue Schnittstelle aufzurufen. Klicken Sie auf die Schaltfläche開始使用Jenkins , um jenkins的主界面aufzurufen (siehe unten). An diesem Punkt sind die Installation und die Grundkonfiguration von Jenkins abgeschlossen.

Veröffentlichen Sie das Vue-Projekt

> Zum Verpacken des Vue-Projekts ist nodejs erforderlich. Nach dem Verpacken müssen die verpackten Dateien per SSH auf den Zielserver hochgeladen werden. Daher installieren wir im Folgenden das Jenkins NodeJS-Plugin und das Publish Over SSH-Plugin.

Installieren Sie das Plugin-nodejs

Klicken Sie in der Jenkins-Hauptschnittstellen工作臺auf系統管理>插件管理um die Plugin-Verwaltungsschnittstelle aufzurufen (siehe unten).

Die Suchergebnisse lauten wie folgt

Nachdem Sie das Plug-In überprüft und auf Installieren geklickt haben, gelangen Sie zur Download-Oberfläche des Plug-Ins (siehe unten).

Konfigurieren Sie das NodeJS-Plugin

Klicken Sie in der Jenkins-Hauptschnittstellen工作臺系統管理>全局工具設置um die Plug-In-Verwaltungsschnittstelle aufzurufen und die Option NodeJs zu finden (siehe unten).

Installieren Sie Publish Over SSH -Plugin und konfigurieren Sie es

Die Installation des Publish Over SSH -Plugins ist die gleiche wie nodejs插件. Beginnen Sie nach Abschluss der Installation mit der Konfiguration des Plugins.

Klicken Sie in der Jenkins-Hauptschnittstellen工作臺auf系統管理>系統配置, um die Plug-In-Konfigurationsschnittstelle aufzurufen, scrollen Sie zu Publish over SSH und klicken Sie dann unter SSH Servers auf新增按鈕(wie unten gezeigt).

Klicken Sie auf die Schaltfläche高級. Die Benutzeroberfläche wird wie folgt angezeigt.

Erstellen einer Aufgabe

An diesem Punkt wurden die zum Verpacken von Vue erforderlichen Jenkins-Plugins installiert. Jetzt beginnen wir mit der Erstellung der Aufgabe zum Verpacken des Vue-Projekts.

Die konkrete Vorgehensweise ist wie folgt

Klicken Sie確定die Schaltfläche, wie unten gezeigt

Klicken Sie nach der Installation der in der Abbildung oben genannten Konfiguration auf die Schaltfläche保存, um zur Detailoberfläche der erstellten Aufgabe zu springen.

Bisher haben wir eine einfache Jenkins-Verpackungskonfiguration mit einem Klick für das Front-End-Projekt implementiert.

Dies ist das Ende dieses Artikels über die Verwendung von Jenkins zum Verpacken und Veröffentlichen von Vue-Projekten mit einem Klick. Weitere relevante Inhalte zum Verpacken und Veröffentlichen von Vue-Projekten mit Jenkins finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!