Dieser Artikel vermittelt Ihnen relevantes Wissen über Docker-Schnellstarts, einschließlich allgemeiner Betriebsbefehle, Image-Betriebsbefehle, Container-Betriebsbefehle und anderer verwandter Themen. Ich hoffe, dass er für alle hilfreich ist.

Geben Sie dem Front-End-Docker 10 Minuten echte Schnellstartanleitung

Wir schreiben das Jahr 2022, lasst uns etwas Zeit am Front-End verbringen, um Docker zu lernen, leiden Sie nicht und lassen Sie sich nicht täuschen

Haben Sie nicht Haben Sie schon etwas über Docker gelernt? Es spielt keine Rolle, lassen Sie es uns simulieren. Ein paar Szenarien und zwei Minuten werden Ihnen helfen, herauszufinden, was es ist und wann wir es brauchen. Dann nutzen wir die verbleibenden sieben oder acht Minuten, um Docker zu verwenden, um beides bereitzustellen vue2- und vue3-Projekte gleichzeitig. Ja, es ist so schnell!

Sie erkennen, dass es mehrere verschiedene Versionen von NodeJS und MySQL gibt: OK, das ist für mich trivial

Zu diesem Zeitpunkt Das Unternehmen ist neu. Drei Front-End-Praktikanten und Neulinge sind angekommen, und der Leiter möchte, dass Sie diese Projekte auf ihren lokalen Computern installieren und ausführen. Aus Gründen der Unternehmensgeschichte und aus anderen Gründen können sie vorerst nur damit ausgestattet werden Computer mit unterschiedlichen Betriebssystemen: Win7, Win10, OSX usw.

Sie werden feststellen, dass einer Ihrer Köpfe jetzt ist größer als die beiden

" Die Installation ist umständlich und zeitaufwändig. Wenn neue Leute an Projekten arbeiten, müssen sie auf passende Versionen für verschiedene Projekte umsteigen. Es ist leicht, Fehler zu machen, was auch die Host-Umgebung belastet. Wenn ich darüber nachdenke Über die Zukunft wird es noch mehr geben. Es gibt so viele Projekte dieser Art, und jemand möchte jetzt vielleicht schon weglaufen Sie können diese auf zwei kleinen Servern im Intranet des Unternehmens bereitstellen. Oh, diese beiden Server sind Linux. Sind Sie bereit, Baidus Installation von Node und MySQL unter Linux zu starten? Und Sie müssen immer noch mehrere Versionen installieren. Was ist, wenn die Linux-Systeme der beiden Server unterschiedlich sind?

Jetzt sind Sie an der Reihe, den Eimer zu tragen

und mehr, Warum also nicht eine virtuelle Maschine verwenden?

Da die virtuelle Maschine langsam startet, viele Ressourcen verbraucht, ist die Migration/Erweiterung auf verschiedenen Systemen komplizierter.

Aber Docker kann es nicht in Sekundenschnelle starten. Benötigt weniger Ressourcen, ist nicht duftend und plattformübergreifend. Die Plattform eignet sich auch zum Kopieren. Nach dem Schreiben der Konfiguration können verschiedene Versionen von NodeJ, MSYQL, Nginx usw. gleichzeitig auf dem Computer installiert werden Mit einem Befehl sind sie voneinander isoliert und werden gleichzeitig unabhängig voneinander ausgeführt. Das oben genannte Problem ist nicht einfach zu lösen. Sind Sie an Docker interessiert? Jetzt? 2 Docker-Grundlagen

Jetzt beginnen wir, die Grundlagen von Docker zu verstehen

Docker ist in mehrere Konzepte unterteilt: Image, Container, Warehouse

Mirror

Container

Warehouse

4.1 Bereiten Sie vue2- und vue3-Projekte vorErstes Folgen Sie uns, wir werden es später erklären

Jetzt erstellen Sie eine neue Datei, um unser Projekt abzulegen: Benennen Sie es: mein-Repository

Installieren Sie das Vue2+Webpack-Projekt

docker -v

#先安装vite最新版npm init vite@latest# 创建vue3项目npm init vite@latest my-app-vue3 --template vue

//vite需要开启网络访问//vite.config.js 开启hostexport default defineConfig({
  plugins: [vue()],+  server: {+    host: '0.0.0.0',+  },});

#安装完成后我们的目录是这样的my-repository
├── my-app-vue2
│   ├── public
│   └── src
│       ├── assets
│       └── components
└── my-app-vue3
    ├── public
    └── src
        ├── assets
        └── components

4.2 创建运行docker容器

# 0 先进入我们刚才安装了vue项目的文件夹位置
cd my-repository

# 1 执行pwd可以获取当前文件夹在电脑的绝对目录
pwd
# /Users/eric/my-repository

# 2 运行创建docker容器1：承载 vue2+webpack+nodejs10
docker run -it -d --name myvue2 --privileged -p 8081:8080 -v  /Users/eric/my-repository/my-app-vue2:/app/vue node:10.16.2 /bin/bash -c "cd /app/vue && node -v && npm install && npm run serve"

# 3 运行创建docker容器2：承载 vue3+vite+nodejs12
docker run -it -d --name myvue3 --privileged -p 8080:3000 -v /Users/eric/my-repository/my-app-vue3:/app/vue node:12.22.6 /bin/bash -c "cd /app/vue && node -v && npm install && npm run dev"

#运行成功后 查看容器运行情况
docker ps -a

成功运行后会出现

我们可以看到容器的启动状态、端口映射、容器名字

打开浏览器，我们访问localhost:8080和localhost:8081可以看到

如果出错可看下面第三点：[调试](###3 调试)：运行如下命令查看原因

docker logs -f container_id/containe_name

上面那一坨docker run xxxxx 的代码到底是啥，现在我们就来捋顺

首先这个docker run 是可以用来创建同时启动运行容器

先换行来看 : shell 脚本太长的时候我们可以用 "\"把一行命令分成多行

docker run \
-it \
-d \ 
--name myvue2 \
--privileged \
-p 8081:8080 \
-v /Users/eric/my-repository/my-app-vue2:/app/vue \
node:10.16.2 \
/bin/bash -c "cd /app/vue2 && node -v && npm install && npm run serve"

这里我们使用 docker run 命令可以下载镜像 ->通过镜像创建容器 ->启动运行容器

参数解析：

docker run的运行示意图

上面代码运行成功后我们的电脑就会有两个互相隔离独立运行的docker容器

4.3 调试

常用的调试命令 1

# 运行后按ctrl + c 可退出docker logs -f contianer_name/container_id

当然容器内正在进行编译或者发生错误甚至退出的时候，我们可用此命令查看终端输出的信息

运行成功后，查看myvue 容器的npm run serve 在终端上的实时输出信息

#查看docker container的终端输出信息 docker logs -f myvue2

常用的调试命令 2

# 打印出容器的端口映射、目录挂载、网络等等docker inspect myvue2

5 常用操作命令

常用的操作命令表一栏，需要先收藏

镜像操作命令：

# 搜索镜像
docker search [images_name:tag]

# 下载镜像（：指定版本）
docker pull [images_name:tag]

# 查看本地下载的镜像
docker images

# 自己构建镜像
# 根据dockerfile的路径或者url构建镜像
 docker build [OPTIONS] PATH|URL|-

# 查看镜像的构建历史
docker history [images_name]

# 删除镜像
# 需要先删除以此镜像为基础的容器
 docker rmi [images_name]

容器操作命令

# 查看运行中的容器
# 可以查看容器ID、基础镜像、容器名称、运行状态、端口映射等
docker ps

# 查看所有容器：包括停止的
docker ps -a

# 查看容器的信息
# 例如端口号的映射、目录挂载
docker inspect [images_name/images_id]

# 启动和停止容器
docker start/stop [container_name/container_id]

#  重启容器
#  使用场景实例：
#  在加入新的npm包依赖需要重新编译的时候使用重启运行编译
#  nginx容器的配置更新后需要重启生效
docker restart [container_name/container_id]

# 进入容器
# ps:有些容器没有bash,需要改成/bin/sh，例如mysq、mongodb的
# 退出人容器输入exit 回车键
docker exec -it [container_name/container_id] /bin/bash

# 删除容器
# 在容器停止的状态才能删
docker rm [container_name/container_id]

# 容器主机文件拷
# 将容器文件拷贝到主机
docker cp [container_id/container_name] : [文件目录] [主机目录]

# 将主机的目录拷贝到容器
docker cp [主机目录] [container_id/container_name] : [文件目录]

6 进阶

如果没有合适的镜像，我们通常用Dockerfile来构建自定义镜像

发现没，上面的docker run 只能创建启动一个docker容器，我们可以用docker-compose来一次启动多个容器，常用于单机下安装多个服务

慢点再来更新，大家有兴趣也可以先看到我用docker 部署的Jenkins自动化部署 CI/CD 环境 里面也有docker-compose的使用

推荐学习：《docker视频教程》

Das obige ist der detaillierte Inhalt vonEine spannende Schnellstartanleitung für Docker (ausführliche Grafik- und Texterklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!