如何在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地址,就能完成本地化部署。

出现上面界面表示大功告成!最后祝大家在2024年心想事成,万事顺意!

发表回复