目 录CONTENT

文章目录

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

焱
2025-02-15 / 0 评论 / 0 点赞 / 8 阅读 / 0 字
温馨提示:
本文最后更新于2025-02-15,若内容或图片失效,请留言反馈。 部分素材来自网络,若有影响到您的利益,请联系我们删除。

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
```bash
# 编辑docker-compose文件
vim docker-compose.yaml     
```json
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.使用配置

0
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin

评论区