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

前言

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

内容

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

部署excalidraw

Docker部署

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

代码方式部署

1. 克隆仓库

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

2. 安装依赖

yarn 

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

pm2 start -n excalidraw yarn -- start
pm2 save

配置NGINX

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

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. 克隆仓库

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

2. 安装依赖

yarn 

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

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

pm2 start pm2.json 
pm2 save