Docker的一个简单例子（一）

文章目录

  • 环境
  • 示例
    • 准备
    • 构建
    • 启动/停止容器
    • 更新应用
    • 分享应用
  • 参考

环境

  • RHEL 9.3
  • Docker Community 24.0.7

示例

准备

从github克隆 getting-started-app 项目：

git clone https://github.com/docker/getting-started-app.git

查看项目：

➜  getting-started-app git:(main) tree
.
├── package.json
├── README.md
├── spec
│   ├── persistence
│   │   └── sqlite.spec.js
│   └── routes
│       ├── addItem.spec.js
│       ├── deleteItem.spec.js
│       ├── getItems.spec.js
│       └── updateItem.spec.js
├── src
│   ├── index.js
│   ├── persistence
│   │   ├── index.js
│   │   ├── mysql.js
│   │   └── sqlite.js
│   ├── routes
│   │   ├── addItem.js
│   │   ├── deleteItem.js
│   │   ├── getItems.js
│   │   └── updateItem.js
│   └── static
│       ├── css
│       │   ├── bootstrap.min.css
│       │   ├── font-awesome
│       │   │   ├── all.min.css
│       │   │   ├── fa-brands-400.eot
│       │   │   ├── fa-brands-400.svg#fontawesome
│       │   │   ├── fa-brands-400.ttf
│       │   │   ├── fa-brands-400.woff
│       │   │   ├── fa-brands-400.woff2
│       │   │   ├── fa-regular-400.eot
│       │   │   ├── fa-regular-400.svg#fontawesome
│       │   │   ├── fa-regular-400.ttf
│       │   │   ├── fa-regular-400.woff
│       │   │   ├── fa-regular-400.woff2
│       │   │   ├── fa-solid-900.eot
│       │   │   ├── fa-solid-900.svg#fontawesome
│       │   │   ├── fa-solid-900.ttf
│       │   │   ├── fa-solid-900.woff
│       │   │   └── fa-solid-900.woff2
│       │   └── styles.css
│       ├── index.html
│       └── js
│           ├── app.js
│           ├── babel.min.js
│           ├── react-bootstrap.js
│           ├── react-dom.production.min.js
│           └── react.production.min.js
└── yarn.lock10 directories, 40 files

构建

在项目根目录下，创建 Dockerfile 文件如下：

# syntax=docker/dockerfile:1FROM node:18-alpine
WORKDIR /app
COPY . .
RUN yarn install --production
CMD ["node", "src/index.js"]
EXPOSE 3000

其中：

  • # syntax=docker/dockerfile:1 ：指定语法
  • FROM node:18-alpine ：指定base image
  • WORKDIR /app ：指定容器里的当前目录
  • COPY . . ：从宿主机复制文件/目录到容器里
  • RUN yarn install --production ：在容器里运行命令
  • CMD ["node", "src/index.js"] ：在启动容器时，默认运行的命令，注意不是构建时运行
  • EXPOSE 3000 ：开放端口

构建：

docker build -t getting-started .

其中：

  • -t ：给image添加名字和tag，其格式为 -t <name:tag> ，其中，tag是可选的，其默认值是 latest
  • . ：Dockerfile 的路径

查看image：

➜  getting-started-app git:(main) ✗ docker images "get*"
REPOSITORY        TAG       IMAGE ID       CREATED          SIZE
getting-started   latest    a6895c5f1a96   28 minutes ago   223MB

启动/停止容器

docker run -dp 127.0.0.1:3000:3000 getting-started
  • -d --detach ：在后台运行容器
  • -p --publish ：宿主机和容器之间的端口映射，格式为 <host>:<container>
    • host ：宿主机地址
    • container ：容器端口

查看容器：

➜  getting-started-app git:(main) ✗ docker ps  
CONTAINER ID   IMAGE             COMMAND                  CREATED          STATUS          PORTS                      NAMES
d893e30dba55   getting-started   "docker-entrypoint.s…"   36 minutes ago   Up 36 minutes   127.0.0.1:3000->3000/tcp   crazy_wiles

打开浏览器，访问 http://localhost:3000 ：

在这里插入图片描述

注意：只能用 http://localhost:3000 或者 http://127.0.0.1:3000 访问，不能用IP地址 http://192.168.1.128:3000 访问，也不能在其它机器用 http://192.168.1.128:3000 访问，因为设置了只有网络回环有效。若想在别的机器也能访问，需要设置为 -p 0.0.0.0:3000:3000 。

添加一些item，如下：

在这里插入图片描述

停止容器：

docker stop <container ID>

现在，用 docker ps 命令看不到该容器了，不过 docker ps -a 还能看到：

➜  getting-started-app git:(main) ✗ docker ps -a
CONTAINER ID   IMAGE                    COMMAND                  CREATED          STATUS                          PORTS     NAMES
d893e30dba55   getting-started          "docker-entrypoint.s…"   46 minutes ago   Exited (0) About a minute ago             crazy_wiles
......

删除容器：

docker rm <container ID>

现在用 docker ps -a 命令也看不到该容器了。

更新应用

假设现在源代码有了一些修改，比如打开 src/static/js/app.js 文件，找到下面这一行代码：

                <p className="text-center">No items yet! Add one above!</p>

将其修改为：

                <p className="text-center">You have no todo items yet! Add one above!</p>

保存退出，然后重新构建：

docker build -t getting-started .

启动容器：

docker run -dp 127.0.0.1:3000:3000 getting-started

注意：如果刚才的旧容器仍然在运行，则需要先把旧容器停止，否则这一步会失败，因为3000端口被占用了。

打开浏览器，访问 http://localhost:3000 ：

在这里插入图片描述

可见，修改已经生效了。

分享应用

可以把构建好的image push到registry。

打开 http://hub.docker.com ，登录：

在这里插入图片描述

点击“Create repository”按钮：

在这里插入图片描述

在Repository Name处输入 getting-started ，然后点击“Create”按钮：

在这里插入图片描述

现在，repository就创建好了：

在这里插入图片描述
如图上所示，可用以下命令把本地image push到repository：

docker tag <image>:<tag> <new-repo>:<tag>
docker push <new-repo>:<tag>

现在，我们来push一下试试。

首先要在命令行登录Docker Hub：

docker login -u <ID>

按提示输入密码。

注：并没有指定registry，默认值就是Docker Hub。

查看本地image：

➜  getting-started-app git:(main) ✗ docker images "get*"
REPOSITORY        TAG       IMAGE ID       CREATED          SIZE
getting-started   latest    a89b3880eee8   36 minutes ago   223MB

通过 docker tag 命令，打上正确的tag：

docker tag getting-started <ID>/getting-started

注：没有指定tag，默认是 latest 。

然后再查看本地image：

➜  getting-started-app git:(main) ✗ docker images         
REPOSITORY                 TAG       IMAGE ID       CREATED             SIZE
kaiding1/getting-started   latest    a89b3880eee8   39 minutes ago      223MB
getting-started            latest    a89b3880eee8   39 minutes ago      223MB
......

现在，我们就可以push image了：

docker push <ID>/getting-started

接下来，我们使用 Play with Docker 来测试一下刚刚push的image。

打开浏览器，访问 http://play-with-docker.com ：

在这里插入图片描述

点击“Login”按钮，选择“Docker”，弹出登录页面，输入Docker Hub的用户名和密码。

进入主界面后，点击左边的“ADD NEW INSTANCE”，在右边会出现一个终端。如下图所示：

在这里插入图片描述
在终端里，启动刚才push的image：

docker run -dp 0.0.0.0:3000:3000 <ID>/getting-started

在这里插入图片描述

接下来，点击页面上的“OPEN PORT”按钮，输入“3000”，或者直接点击页面上的“3000”链接，会打开一个新页面：

在这里插入图片描述
至此，我们在一个全新的环境上部署了刚刚push的image，测试其工作正常。

参考

  • https://docs.docker.com/get-started/

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/313456.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Java基础02-Java编程基础

Java基础02-Java编程基础

文章目录 变量&#xff08;Variables&#xff09;局部变量和成员变量局部变量&#xff08;Local Variables&#xff09;成员变量&#xff08;Instance Variables&#xff09; 标识符&#xff08;Identifiers&#xff09;八种基本数据类型原始数据类型&#xff08;Primitive Dat…
阅读更多...
Java ArrayList解密

Java ArrayList解密

数组的大小是固定的&#xff0c;一旦创建的时候指定了大小&#xff0c;就不能再调整了。也就是说&#xff0c;如果数组满了&#xff0c;就不能再添加任何元素了。 ArrayList 在数组的基础上实现了自动扩容&#xff0c;并且提供了比数组更丰富的预定义方法&#xff08;各种增删改…
阅读更多...
【Unity美术】Unity工程师对3D模型需要达到的了解【二】

【Unity美术】Unity工程师对3D模型需要达到的了解【二】

&#x1f468;‍&#x1f4bb;个人主页&#xff1a;元宇宙-秩沅 &#x1f468;‍&#x1f4bb; hallo 欢迎 点赞&#x1f44d; 收藏⭐ 留言&#x1f4dd; 加关注✅! &#x1f468;‍&#x1f4bb; 本文由 秩沅 原创 &#x1f468;‍&#x1f4bb; 收录于专栏&#xff1a;Uni…
阅读更多...
Git开发工具基本使用

Git开发工具基本使用

文章目录 前言Git仓库基本概念基本环境安装清除原先配置生成秘钥配置Host添加公钥Github添加Gitee添加测试 本地仓库基本概览查看提交日志(log)版本回退添加文件至忽略列表分支分支冲突 远程仓库推送到远程仓库从远程仓库中抓取和拉取 在Idea中使用Git总结 前言 这里只是对Git…
阅读更多...
从入门到精通UNet: 让你快速掌握图像分割算法

从入门到精通UNet: 让你快速掌握图像分割算法

文章目录 一、UNet 算法简介1.1 什么是 UNet 算法1.2 UNet 的优缺点1.3 UNet 在图像分割领域的应用 二、准备工作2.1 Python 环境配置2.2 相关库的安装 三、数据处理3.1 数据的获取与预处理3.2 数据的可视化与分析 四、网络结构五、训练模型5.1 模型训练流程5.2 模型评估指标5.…
阅读更多...
轻量封装WebGPU渲染系统示例＜55＞- 顶点数据更新

轻量封装WebGPU渲染系统示例＜55＞- 顶点数据更新

当前示例源码github地址: https://github.com/vilyLei/voxwebgpu/blob/feature/material/src/voxgpu/sample/VertexUpdateTest.ts 当前示例运行效果: ​​​​​​​ 此示例基于此渲染系统实现&#xff0c;当前示例TypeScript源码如下: export class VertexUpdateTest {pr…
阅读更多...
App.vue中引入自定义组件

App.vue中引入自定义组件

components目录中定义组件&#xff1a;Person.vue 目录截图&#xff1a; Person.vue文件中内容&#xff1a; <template><div class"person"><h2>姓名&#xff1a;{{name}}</h2><h2>年龄&#xff1a;{{age}}</h2><!--定义了…
阅读更多...
数据的确权、流通、入表与监管研究（一）：数据与确权（下）

数据的确权、流通、入表与监管研究（一）：数据与确权（下）

关注WX公众号&#xff1a; commindtech77&#xff0c; 获得数据资产相关白皮书下载地址 1. 回复关键字&#xff1a;数据资源入表白皮书 下载 《2023数据资源入表白皮书》 2. 回复关键字&#xff1a;光大银行 下载 光大银行-《商业银行数据资产会计核算研究报告》 3. 回复关键字…
阅读更多...
NX二次开发UFUN方式一键去除所有参数

NX二次开发UFUN方式一键去除所有参数

一、概述 最近作了一个案例是通过遍历整个显示部件窗口的所有实体合并成一个部件&#xff0c;并且在导航器上也显示一个体&#xff0c;主要的思路是遍历当前所有实体&#xff0c;然后进行一键合并如图1所示&#xff0c;最后去除参数&#xff0c;这时导航器中显示一个体的记录。…
阅读更多...
HelloWorld搭建(第一种模型)

HelloWorld搭建(第一种模型)

1.创建Springboot项目并且引入依赖 <!-- 引入RabbitMQ的相关依赖 --> <dependency> <groupId>com.rabbitmq</groupId> <artifactId>amqp-client</artifactId> <version>5.7.2</version> </dependency> 2.第一种模式(直连…
阅读更多...
html-css-js移动端导航栏底部固定+i18n国际化全局

html-css-js移动端导航栏底部固定+i18n国际化全局

需求&#xff1a;要做一个移动端的仿照小程序的导航栏页面操作&#xff0c;但是这边加上了i18n国家化&#xff0c;由于页面切换的时候会导致国际化失效&#xff0c;所以写了这篇文章 1.效果 切换页面的时候中英文也会跟着改变&#xff0c;不会导致切换后回到默认的语言 2.实现…
阅读更多...
动画墙纸：将视频、网页、游戏、模拟器变成windows墙纸——Lively Wallpaper

动画墙纸：将视频、网页、游戏、模拟器变成windows墙纸——Lively Wallpaper

文章目录 前言下载github地址&#xff1a;网盘 关于VideoWebpagesYoutube和流媒体ShadersGIFs游戏和应用程序& more:Performance:多监视器支持&#xff1a;完结 前言 Lively Wallpaper是一款开源的视频壁纸桌面软件&#xff0c;类似 Wallpaper Engine&#xff0c;兼容 Wal…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023