Rocky Linux 8.4にGrphviz Visual Editorをインストールする

Graphviz Visual EditorはGraphvizのnode製フロントエンドです。webブラウザからグラフをインタラクティブに描画することができます。

〇Graphviz Visual Editorの画面

インストール方法

以下のコマンドを実行します
1. node.jsのインストール

curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -

sudo dnf -y install nodejs

2. graphviz-visual-editorのインストール

sudo dnf -y groupinstall "Development Tools"

git clone https://github.com/magjac/graphviz-visual-editor

cd graphviz-visual-editor

npm install

make

npm run build

cd ..

sudo mv graphviz-visual-editor /opt

sudo npm install -g serve

cat << EOF | sudo tee /etc/systemd/system/graphizvisualeditor.service
[Unit]
Description=Graphiz Visual Editor
[Service]
Type=simple
ExecStart=/usr/bin/serve -s build -l tcp://0.0.0.0:3000
WorkingDirectory=/opt/graphviz-visual-editor
Restart=always
RestartSec=10
[Install]
WantedBy=multi-user.target
EOF

sudo systemctl enable graphizvisualeditor.service

sudo systemctl start graphizvisualeditor.service

3. ポート開放
firewallの3000番ポートを開けます

sudo firewall-cmd --add-port=3000/tcp --permanent

sudo firewall-cmd --reload

関連情報

・Graphviz Visual Editorに関する他の記事は、こちらを参照してください。