一、drawio介绍

1.drawio简介

draw.io是一款免费、开源、高质量的WEB在线流程图软件,无需注册登录,支持多种图表类型和元素,可在线编辑和导出。它是一个可配置的图表/白板可视化应用程序。该应用程序的设计主要是按原样使用。draw.io不适合作为构建其他产品的框架。为此,请尝试Tldraw或Excalidraw。


这个项目中不支持协作编辑,而且同类VIsio确实是功能强大,但是软件为收费,并且因为其功能强大,导致安装需要很多的系统内存,并且是不可跨平台使用。Draw.io在线绘图工具可以完全取代它。

二、本次实践介绍

1. 本次实践简介

a.本次实践部署环境为个人笔记本ubuntu日常工作的测试环境,若是生产环境请谨慎部署;

b.本次实践为快速使用docker部署drawio于个人ubuntu上。

2. 本地环境规划

本次实践环境规划:下载镜像jgraph/drawio,通过docker-cli或者docker compose启动容器

镜像命名

IP地址

容器镜像版本

操作系统版本

drawio

localhost

latest

ubuntu 22.04

三、检查本地Docker环境

1. 检查本地Docker版本

检查Docker版本:docker version    

root@WellDone:/home/goodjob# docker version    
Client: Docker Engine - Community    
 Version:           25.0.0    
 API version:       1.44    
 Go version:        go1.21.6    
 Git commit:        e758fe5    
 Built:             Thu Jan 18 17:09:49 2024    
 OS/Arch:           linux/amd64    
 Context:           default    

Server: Docker Engine - Community    
 Engine:    
  Version:          25.0.0    
  API version:      1.44 (minimum version 1.24)    
  Go version:       go1.21.6    
  Git commit:       615dfdf    
  Built:            Thu Jan 18 17:09:49 2024    
  OS/Arch:          linux/amd64    
  Experimental:     false    
 containerd:    
  Version:          1.6.27    
  GitCommit:        a1496014c916f9e62104b33d1bb5bd03b0858e59    
 runc:    
  Version:          1.1.11    
  GitCommit:        v1.1.11-0-g4bccb38    
 docker-init:    
  Version:          0.19.0    
  GitCommit:        de40ad0    
root@WellDone:/home/goodjob#

2. 检查Docker服务状态

检查Docker服务状态,确保Docker服务正常运行。

systemctl status docker    

root@WellDone:/home/goodjob/Downloads# systemctl status docker    
● docker.service - Docker Application Container Engine    
     Loaded: loaded (/lib/systemd/system/docker.service; enabled; vendor preset: enabled)    
     Active: active (running) since Wed 2024-01-24 08:54:31 CST; 1 day 4h ago    
TriggeredBy: ● docker.socket    
       Docs: https://docs.docker.com    
   Main PID: 1549 (dockerd)    
      Tasks: 65    
     Memory: 419.5M    
        CPU: 38.874s    
     CGroup: /system.slice/docker.service    
             ├─  1549 /usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock    
             ├─  2010 /usr/bin/docker-proxy -proto tcp -host-ip 0.0.0.0 -host-port 6379 -container-ip 172.17.0.2 -container-port 6379    
             ├─  2016 /usr/bin/docker-proxy -proto tcp -host-ip :: -host-port 6379 -container-ip 172.17.0.2 -container-port 6379    
             ├─  2029 /usr/bin/docker-proxy -proto tcp -host-ip 0.0.0.0 -host-port 5432 -container-ip 172.17.0.3 -container-port 5432    
             ├─  2036 /usr/bin/docker-proxy -proto tcp -host-ip :: -host-port 5432 -container-ip 172.17.0.3 -container-port 5432    
             ├─123083 /usr/bin/docker-proxy -proto tcp -host-ip 0.0.0.0 -host-port 8888 -container-ip 172.17.0.4 -container-port 8080    
             └─123095 /usr/bin/docker-proxy -proto tcp -host-ip :: -host-port 8888 -container-ip 172.17.0.4 -container-port 8080    

1月 24 08:54:31 WellDone dockerd[1549]: time="2024-01-24T08:54:31.067895045+08:00" level=info msg="API listen on /run/docker.sock"    
1月 24 08:54:31 WellDone systemd[1]: Started Docker Application Container Engine.    
1月 24 16:13:48 WellDone dockerd[1549]: time="2024-01-24T16:13:48.185008219+08:00" level=info msg="ignoring event" container=8ad99af82d8a41dd661d>    
1月 24 16:13:48 WellDone dockerd[1549]: time="2024-01-24T16:13:48.189484205+08:00" level=warning msg="ShouldRestart failed, container will not be>    
1月 24 21:58:08 WellDone dockerd[1549]: time="2024-01-24T21:58:08.024915139+08:00" level=info msg="ignoring event" container=27fd28e2993f31b170b8>    
1月 24 21:58:08 WellDone dockerd[1549]: time="2024-01-24T21:58:08.029986730+08:00" level=warning msg="ShouldRestart failed, container will not be>    
1月 25 10:46:16 WellDone dockerd[1549]: time="2024-01-25T10:46:16.329180722+08:00" level=info msg="Container failed to exit within 10s of signal >    
1月 25 10:46:16 WellDone dockerd[1549]: time="2024-01-25T10:46:16.350757439+08:00" level=info msg="ignoring event" container=b1223add00f36bbb3246>    
1月 25 10:49:21 WellDone dockerd[1549]: time="2024-01-25T10:49:21.993755983+08:00" level=info msg="Container failed to exit within 10s of signal >    
1月 25 10:49:22 WellDone dockerd[1549]: time="2024-01-25T10:49:22.015822650+08:00" level=info msg="ignoring event" container=edb0e153b45dbe62acd8>    
lines 1-28/28 (END)

四、下载drawio镜像

1.下载drawio镜像  

root@HEJIAJIN-FX506HE:/opt# docker pull jgraph/drawio
Using default tag: latest
latest: Pulling from jmal/jmalcloud
23828d760c7b: Pull complete 
cfcf356fa6e6: Pull complete 
1ebe53dfffc2: Pull complete 
b76fad4fd1df: Pull complete 
d8daa0bdf72a: Pull complete 
2fbbd22455d0: Pull complete 
a5f36d4d5b1b: Pull complete 
3206f04aa00b: Pull complete 
50d85a78b4b6: Pull complete 
d79962255941: Pull complete 
51a755009658: Pull complete 
2a6bd6ab2183: Pull complete 
5cc046dabdd2: Pull complete 
4f4fb700ef54: Pull complete 
8227239e9016: Pull complete 
Digest: sha256:ab82dbb4bf75e355b047d55ecd749d9d51271159979e8ee0fc120bffbc31cb2c
Status: Downloaded newer image for jgraph/drawio:latest
docker.io/jgraph/drawio:latest


2.使用docker-compose启动一个drawio的容器    

version: '3.9'
services:
    drawio:
        image: jgraph/drawio
        restart: always
        ports:
            - '7777:8080'
        container_name: drawio

3.使用docker-cli启动一个drawio的容器    

docker run -d --name=drawio -p 7777:8080 \
--restart=always  jgraph/drawio

4.查看drawio容器状态  

root@HEJIAJIN-FX506HE:/container/docker-compose/docker-firsttest# docker compose ps

NAME      IMAGE          COMMAND              SERVICE   CREATED         STATUS         PORTS
drawio              jgraph/drawio                         "/docker-entrypoint.…"   drawio          5 seconds ago   Up 4 seconds   8443/tcp, 0.0.0.0:7777->8080/tcp, :::7777->8080/tcp

五、访问drawio首页

访问地址http://localhost:7777

ps:内网穿透搭建好了,minipc可以撑一段时间,这些测试的服务应该会保留一段时间...如果有需要体验的但是服务已经被我down了的,可以在微信公众号《零氪的云原生》私我开启!

【打工日常】云原生之使用docker部署Web在线流程图软件_docker

【打工日常】云原生之使用docker部署Web在线流程图软件_docker_02

【打工日常】云原生之使用docker部署Web在线流程图软件_API_03