Docker + Daocloud realisiert die automatische Erstellung und Bereitstellung von Front-End-Projekten

Die automatisierte Projektbereitstellung wird häufiger in großen Unternehmen oder Unicorns verwendet und ist effizienter als die manuelle Bereitstellung von Projekten. Dann kombiniert dieser Artikel die zuvor erlernten Docker- und Nginx-Wissenspunkte, um die automatische Bereitstellung des VueJs-Projekts einfach zu implementieren. Natürlich ist es für andere Projekte ähnlich.

Betriebsumgebung

Zuerst müssen Sie Docker, Nginx, Node usw. auf dem Server installieren. Dies ist praktisch für nachfolgende Vorgänge.

Ziehen Sie das Nginx-Image über Docker, Befehl „Docker Pull Nginx“

Initialisieren Sie ein Projekt über vue-cli

Sie können ein Projekt über den Projektnamen vue init webpack initialisieren. Hier nehmen wir an, dass der Projektname docker-vue ist, und erstellen dann eine neue Dockerfile-Datei im Stammverzeichnis des Projekts. Der allgemeine Inhalt ist wie folgt:

VON nginx:latest
#Kopieren Sie das HTML des aktuell gepackten Projekts an die virtuelle Adresse COPY dist/ /usr/share/nginx/html/
#Verwenden Sie benutzerdefiniertes nginx.conf, um Ports und Listener zu konfigurieren. RUN rm /etc/nginx/conf.d/default.conf
Füge default.conf /etc/nginx/conf.d/ hinzu

RUN /bin/bash -c 'echo init ok!!!'

Und erstellen Sie eine default.conf-Datei mit folgendem Inhalt:

Server {
# Die im Projekt definierte Portnummer ist listen 8080;
Servername localhost;

#Zeichensatz koi8-r;
#access_log /var/log/nginx/log/host.access.log Haupt;

Standort / {
  root /usr/share/nginx/html;
  Index Index.html Index.htm;
}

#Fehlerseite 404 /404.html;

# Server-Fehlerseiten auf die statische Seite /50x.html umleiten
#
Fehlerseite 500 502 503 504 /50x.html;
Standort = /50x.html {
  Stamm-HTML;
}
}

Seitdem sind die grundlegenden Arbeiten abgeschlossen. Der nächste Schritt ist die grundlegende Konfiguration von daocloud.io

Grundlegende Konfigurationsvorgänge von daocloud.io

Wenn Sie noch kein Konto haben, können Sie sich zunächst bei daocloud.io registrieren.

Die folgenden Operationen werden unterteilt in:

• Erstellen eines Projekts
• Clusterverwaltung
• Erstellen eines Spiegelrepositorys

Erstellen eines Projekts

Hier müssen Sie den Projektnamen hinzufügen, die Codequelle festlegen (kann GitHub, GitLab sein) usw. und dann das Projekt auswählen, das Sie erstellen möchten. Ich habe hier mein eigenes GitHub-Repository Docker-Vue ausgewählt und dann auf „Erstellen beginnen“ geklickt.

Clusterverwaltung

Der Hauptzweck der Clusterverwaltung besteht darin, eine Verbindung zu Remote-Servern herzustellen und über Befehle daocloud.io-Images zu erstellen.

Neuen Host auswählen

Da ich selbst einen Alibaba Cloud-Server gekauft habe und es sich bei dem System um Ubuntu handelt, habe ich diese Konfiguration gewählt und auf dem Server ausgeführt:

curl -sSL https://get.daocloud.io/daomonit/install.sh | sh -s e2fa03ebead51076411388c26dff2257dae89768

So erstellen Sie ein Docker-Image, beispielsweise:

Der Host wurde erfolgreich erstellt, wie in der folgenden Abbildung dargestellt:

Erstellen eines Spiegelrepositorys

Rufen Sie [Image Warehouse] auf, wählen Sie das soeben erstellte Image manuell aus und stellen Sie die neueste Version auf dem kostenlosen Host oder in der Cloud-Testumgebung bereit.

Nehmen Sie anschließend folgende Anwendungseinstellungen vor:

Nachdem die Bereitstellung abgeschlossen ist, können Sie über die Server-IP + die soeben festgelegte Container-Portnummer darauf zugreifen.

Damit haben wir die meisten Vorgänge abgeschlossen. Wenn wir uns den Docker-Container ansehen, können wir sehen, dass nach der erfolgreichen Erstellung des Image-Repositorys automatisch ein Container erstellt wurde:

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.