Docker 入门终极指南，详细版！别再说不会用 Docker 了！

最新推荐文章于 2024-10-03 22:41:45 发布

天空～之城

最新推荐文章于 2024-10-03 22:41:45 发布

阅读量29

点赞数

分类专栏：开发工具类文章标签： docker 容器运维

开发工具类专栏收录该内容

135 篇文章 3 订阅

订阅专栏

转载：https://mp.weixin.qq.com/s/_AD1-Sy6DMoQtT8uvFvuRA

在这里插入图片描述

基于 Spring Boot + MyBatis Plus + Vue 3.2 + Vite + Element Plus 实现的前后端分离博客，包含后台管理系统，支持文章、分类、标签管理、仪表盘等功能。

GitHub 地址：https://github.com/weiwosuoai/WeBlog

Gitee 地址：https://gitee.com/AllenJiang/WeBlog

在这里插入图片描述

https://baike.baidu.com/item/%E8%99%9A%E6%8B%9F%E6%9C%BA/104440?fr=aladdin

在这里插入图片描述

brew cask install docker

https://www.docker.com/get-started

在这里插入图片描述

docker -v

在这里插入图片描述

{
  "registry-mirrors": [
    "http://hub-mirror.c.163.com/",
    "https://registry.docker-cn.com"
  ],
  "insecure-registries":[],
  "experimental": false,
  "debug": true
}

在这里插入图片描述

基于 Spring Boot + MyBatis Plus + Vue 3.2 + Vite + Element Plus 实现的前后端分离博客，包含后台管理系统，支持文章、分类、标签管理、仪表盘等功能。

GitHub 地址：https://github.com/weiwosuoai/WeBlog

Gitee 地址：https://gitee.com/AllenJiang/WeBlog

在这里插入图片描述

vue create docker-demo

在这里插入图片描述

yarn serve

访问地址：http://localhost:8080/。项目就绪，我们接着为项目打包：

yarn build

在这里插入图片描述

cd docker-demo && touch Dockerfile

在这里插入图片描述

docker pull nginx

在这里插入图片描述

Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?

在这里插入图片描述

touch default.conf

在这里插入图片描述

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    access_log  /var/log/nginx/host.access.log  main;
    error_log  /var/log/nginx/error.log  error;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

在这里插入图片描述

FROM nginx  
COPY dist/ /usr/share/nginx/html/  
COPY default.conf /etc/nginx/conf.d/default.conf

在这里插入图片描述

docker build -t jartto-docker-demo .

在这里插入图片描述

Sending build context to Docker daemon  115.4MB
Step 1/3 : FROM nginx
 ---> 2622e6cca7eb
Step 2/3 : COPY dist/ /usr/share/nginx/html/
 ---> Using cache
 ---> 82b31f98dce6
Step 3/3 : COPY default.conf /etc/nginx/conf.d/default.conf
 ---> 7df6efaf9592
Successfully built 7df6efaf9592
Successfully tagged jartto-docker-demo:latest

在这里插入图片描述

docker image ls | grep jartto-docker-demo

在这里插入图片描述

jartto-docker-demo latest 7df6efaf9592 About a minute ago 133MB

在这里插入图片描述

docker run -d -p 3000:80 --name docker-vue jartto-docker-demo

在这里插入图片描述

docker ps -a

在这里插入图片描述

CONTAINER ID IMAGE              COMMAND                  CREATED       STATUS PORTS  NAMES
ab1375befb0b jartto-docker-demo "/docker-entrypoint.…"   8 minutes ago Up 7 minutes  0.0.0.0:3000->80/tcp  docker-vue