Implementierung eines statischen Website-Layouts im Docker-Container

Implementierung eines statischen Website-Layouts im Docker-Container

Serverplatzierung

Es wird empfohlen, Cloud-Server (Alibaba Cloud, Huawei Cloud, Tencent Cloud) zu verwenden, die einige Tage lang kostenlos genutzt werden können. Nach dem Kauf eines Servers treten die folgenden Probleme auf:

Der lokale Computer pingt den Server-Host an und stellt fest, dass der Ping fehlschlägt und die Anforderung eine Zeitüberschreitung aufweist.

Wir müssen die Spalte „Sicherheitsgruppe“ in der Verwaltungsserverschnittstelle finden und dann beim Betreten und Verlassen der Sicherheitsgruppe ICMP hinzufügen. Es wird empfohlen, alles mit einem Klick hinzuzufügen.


Anschließend können wir vom lokalen Rechner aus ein Pingsignal an den Server senden.

Docker-Installation

Nachdem wir den Cloud-Server eingerichtet haben, verwenden wir apt-get update, apt-get upgrade um Informationen zu aktualisieren.



Dann rufen wir docker auf und der folgende Fehler tritt auf:


Als nächstes folgen wir der üblichen Softwaremethode apt-get install docker.io, apt-get install docker.ce und finden die folgenden Probleme

Paket ‚docker-ce‘ hat keinen Installationskandidaten

Die Lösung lautet wie folgt:

#Docker-Quelle hinzufügen sudo echo "deb https://download.docker.com/linux/ubuntu zesty edge" > /etc/apt/sources.list.d/docker.list

#Unterstützt das Parsen von https
apt-get install -y apt-transport-https ca-certificates curl software-properties-common

#GPG-Schlüssel hinzufügen curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

#Legen Sie den Repository-Speicherort fest add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

Dann führen wir es erneut aus und erhalten das folgende Ergebnis


Überprüfen Sie anschließend das Installationsergebnis, indem Sie docker run hello-world eingeben.

Nginx-Installation

Der nächste Schritt ist apt-get install nginx install nginx


Der nächste Schritt besteht darin, den Installationseffekt zu überprüfen. Geben Sie den Befehl service start nginx ein und geben Sie dann die externe Netzwerk-IP-Adresse des Servers in den Browser ein, um die Standardschnittstelle von nginx anzuzeigen. Hier gibt es einige Probleme:

1.

Problem: nginx: [emerg] bind() an [::]:80 fehlgeschlagen (98: Adresse wird bereits verwendet)

nginx: [emerg] bind() konnte immer noch nicht ausgeführt werden

Lösung: netstat -ntlp | grep 80 zur Überprüfung


Geben Sie dann service nginx stop ein, prüfen Sie es noch einmal und es ist weg.

Problem: nginx: [emerg] Die Direktive „server“ ist hier in /etc/nginx/nginx.conf:86 nicht zulässig.

Lösung

vim /etc/nginx/nginx.conf
Fügen Sie den Server hinzu {
....
}
Setzen Sie es in http
...
}
Es kann gelöst werden

Zuerst: mkdir -p /var/www/html
Wechseln Sie dann per cd in das Verzeichnis und führen Sie vim index.html aus.
Definieren Sie den Inhalt in HTML selbst, speichern und beenden Sie und ändern Sie dann den Standardpfad index.html in der Konfigurationsdatei wie folgt


Starten Sie dann nginx neu, service nginx restart

Browsertests

Abschließend können wir das Image des Docker-Containers wie folgt starten


Überprüfen Sie abschließend einfach die Wirkung. Geben Sie einfach die Adresse und die Portnummer in den Browser ein.

Dies ist das Ende dieses Artikels über die Implementierung der Bereitstellung statischer Websites in Docker-Containern. Weitere relevante Inhalte zur Bereitstellung statischer Websites in Docker finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Verwenden von Docker zum Erstellen statischer Website-Anwendungen (mehrere Möglichkeiten)

<<:  jQuery implementiert Formularvalidierungsfunktion

>>:  Hyperlink-Tag für HTML-Webseiten

Artikel empfehlen

Lösung zum automatischen Neustart von MySQL

Vorwort Kürzlich trat in der Testumgebung ein Pro...

MP3- oder Flashplayer-Code auf der Webseite abspielen

Code kopieren Der Code lautet wie folgt: <Obje...

Vue+Bootstrap realisiert ein einfaches Studentenverwaltungssystem

Ich habe Vue und Bootstrap verwendet, um ein rela...

Eine kurze Diskussion über die Verwendung der Web Storage API

Inhaltsverzeichnis 1. Lokale Speichertechnologie ...

mySql SQL-Abfrageoperation für statistische Mengen

Ich werde nicht viel Unsinn erzählen, schauen wir...

Webdesign-Referenz Firefox-Standardstil

Obwohl das W3C einige Standards für HTML festgeleg...

Implementieren eines Einkaufswagens mit nativem JavaScript

In diesem Artikel wird der spezifische JavaScript...

MySQL-Kill-Befehl – ​​Verwendungshandbuch

KILL [VERBINDUNG | ABFRAGE] Prozesslisten-ID In M...

So verweisen Sie im WeChat-Applet wxss auf externe CSS-Dateien und Iconfonts

Ursache So importieren Sie externe Dateien in ein...