Excalidraw——部署一个手绘风格的画图工具

前言

一个手绘风格的画图软件；

内容

!> 部署到了我的腾讯云服务器上，部署完成就能使用但是并不能同步协作，因为协作需要部署excalidraw-room

部署excalidraw

Docker部署

代码语言：javascript复制

docker run --rm -dit --name excalidraw -p 3000:80 excalidraw/excalidraw:latest  

代码方式部署

1. 克隆仓库

代码语言：javascript复制

git clone https://github.com/excalidraw/excalidraw.git

1. 安装依赖

代码语言：javascript复制

yarn 

1. 通过pm2启动服务 | 没有pm2的可以直接全局安装下yarn global add pm2

代码语言：javascript复制

pm2 start -n excalidraw yarn -- start
pm2 save

配置NGINX

到自己域名的运营商下设置域名解析

代码语言：javascript复制

location / {
      proxy_set_header Host $host:$server_port;
      proxy_set_header  X-Real-IP $remote_addr;
      proxy_set_header x-forwarded-for $remote_addr;
      proxy_pass http://127.0.0.1:3000;
   }
 
  location ~ .*.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
     expires 30d;
     access_log off;
     proxy_pass http://127.0.0.1:3000;
  }
  location ~ .*.(js|css)?$ {
     expires 7d;
     access_log off;
     proxy_pass http://127.0.0.1:3000;
  }

部署excalidraw-room

!> 这里存储使用的是firestore，放弃，而且我也不需要协作功能，所以不做深入的研究； 需要的同学可以访问 issue： https://github.com/excalidraw/excalidraw/issues/1772

1. 克隆仓库

代码语言：javascript复制

https://github.com/excalidraw/excalidraw-room.git

1. 安装依赖

代码语言：javascript复制

yarn 

1. 通过pm2启动服务 | 没有pm2的可以直接全局安装下yarn global add pm2

这里不要忘记改下pm2.json中的时区"TZ": "Asia/Shanghai"

代码语言：javascript复制

pm2 start pm2.json 
pm2 save

pm2 部署 服务 工具 同步

0 人点赞