【开源项目】Excalidraw手绘风格白板(保姆级)教程

1. 介绍

一款开源的虚拟手绘风格的白板画图工具，主要为白板手绘和线框图，支持端对端加密。

2. 需要环境

2.1 硬件需求

CPU：至少1核
内存：推荐≥1G
硬盘：无特殊要求

2.2 软件需求

需要Linux系统，Docker、Docker-Compose，环境安装见《必备的Docker和Dockercompose环境安装》,本安装环境均基于Debian11。

3.部署

网络上大部分都是只部署前台程序，只能个人编辑，无法多人实时编辑，这里采取了第三方编译的storage镜像，可以实现api和同步编辑。

excalidraw-app 用官方的
excalidraw-json 是用第三方，simonfranken实现的全功能后端，支持 v2 的 api，excalidraw-storage-backend。
excalidraw-room 官方的，和前端一致。
redis，这个是 excalidraw-storage-backend 所需要的，用于临时存储分享画板的数据。

3.1 Docker-Compose方式安装

# 切换到root权限
sudo -i
# 创建数据文件夹
mkdir /etc/docker/excalidraw && cd /etc/docker/excalidraw

# 编辑docker-compose文件
vim docker-compose.yaml     

version: "3.8"

services:
  excalidraw:
    image: excalidraw/excalidraw
    healthcheck:
      disable: true
    ports:
      - "8188:80" # 默认端口80，可以修改
    environment:
      BACKEND_V2_GET_URL: http://localhost:8080/api/v2/scenes/
      BACKEND_V2_POST_URL: http://localhost:8080/api/v2/scenes/
      LIBRARY_URL: https://libraries.excalidraw.com
      LIBRARY_BACKEND: https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries
      SOCKET_SERVER_URL: http://localhost:5000/
      STORAGE_BACKEND: "http"
      HTTP_STORAGE_BACKEND_URL: "http://localhost:8080/api/v2"

  excalidraw-storage-backend:
    image: simonfranken/excalidraw-storage-backend
    ports:
      - "8080:8080"
    environment:
      STORAGE_URI: redis://redis:6379

  excalidraw-room:
    image: excalidraw/excalidraw-room
    ports:
      - "5000:80"

  redis:
    image: redis
    ports:
      - "6379:6379"

复制上述配置文件内容，shift+ins 粘贴文本后，输入 :wq 退出保存

#启动安装服务
docker-compose up -d

4.使用配置