如何在Ubuntu上部署excalidraw

一、excalidraw介绍

• Excalidraw 是一款简单易用的开源绘图工具，可以帮助用户轻松绘制流程图、草图、图表等各种类型的图形。它特别适合于团队协作，支持多用户实时编辑，无需注册或登录即可开始使用。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为ubuntu 23.04。下面教程也适用于别的linux系统。

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境；

2.在ubuntu环境下安装excalidraw-cn白板工具。

2.3 Yarn介绍

• Yarn是一个JavaScript包管理工具，由Facebook开发，旨在提高包的下载速度和稳定性。它可以替代NPM进行包的安装、更新、卸载等操作。

三、检查本地环境

3.1 检查本地操作系统版本

检查本地操作系统版本

cat /etc/os-release

3.2 检查系统是否安装yarn

检查系统是否安装yarn

yarn -v

四、部署Node.js 环境

4.1 下载Node.js安装包

下载Node.js安装包

wget https://nodejs.org/dist/v16.17.0/node-v16.17.0-linux-x64.tar.xz

4.2 切换到root用户下，解压Node.js安装包

输入su，然后输入管理员密码，切换到root用户下，解压Node.js安装包

su
tar -xvJf node-v16.17.0-linux-x64.tar.xz

4.3 复制二进制文件

将 /root/node-v16.17.0-linux-x64/bin/下的二进制文件复制到/usr/local/bin下

cp -a /root/node-v16.17.0-linux-x64/bin/node /usr/local/bin/node
cp -a /root/node-v16.17.0-linux-x64/bin/npm /usr/local/bin/npm

4.4 配置环境变量

• 在/etc/profile文件中，新增以下两行：

  export NODE_HOME=/root/node-v16.17.0-linux-x64/bin/
  export PATH=PATH:NODE_HOME:/usr/local/bin/

• 使变量生效

  source /etc/profile

4.5 查看node版本

查看node版本

npm -v
node -v

五、安装yarn工具

5.1 安装yarn

• 使用npm全局安装yarn。

  npm install -g yarn

5.2 检查yarn版本

检查yarn版本

yarn --version

六、部署excalidraw-cn白板工具

6.1 下载软件包

下载xcalidraw-cn软件包

 git clone https://github.com/korbinzhao/excalidraw-cn.git

6.2 启动服务

• 进入源码目录

  cd excalidraw-cn/

• 安装相关依赖

  yarn

• 启动服务器

  yarn start

七、访问excalidraw-cn

访问地址：http://localhost:3000/

如果是在服务器上，将IP地址替换为自己服务器IP地址，就能完成本地化部署。

出现上面界面表示大功告成！