手機部署 Drawio 服務

2024年2月6日 18点热度 0人点赞

介紹一下在手機上通過 Linux 部署 Drawio (本文不是介紹安裝 Drawio APP,而是部署 Drawio 服務端)。使用的工具依然是 Termux,因為需要安裝 Tomcat,為了免除環境配置的麻煩,我將其部署在了通過 proot 安裝的 Ubuntu 上:

安裝環境

Ubuntu 22.04

Tomcat 10.1.18

Java 17

部署 Tomcat

首先在 Termux 通過 proot 安裝 Ubuntu 22.04,操作可以參考我之前的文章。然後進入 Ubuntu 22.04

#安裝 JDK 17
apt install openjdk-17-jdk-headless
#顯示 JDK 版本
java --version
#下載 tomcat 10
wget https://downloads.apache.org/tomcat/tomcat-10/v10.1.18/bin/apache-tomcat-10.1.18.tar.gz
#解壓 tomcat 10
tar -zxvf apache-tomcat-10.1.18.tar.gz

準備工作完成後,切換到 tomcat 10 的 bin 目錄,運行 ./starup.sh 然後訪問 127.0.0.1:8080 有內容顯示則表示 tomcat 安裝成功:

部署 Drawio

去 Draw.io 的開源地址下載編譯好的 draw.war 包,將 draw.war 包放到 Tomcat 的 webapps 目錄:

然後切換 Tomcat 的 bin 目錄,執行 startup.bat 啟動 Tomcat:

打開瀏覽器訪問:
http://127.0.0.1:8080/draw,就可以在手機上訪問 drawio 了:

但是局域網訪問會遇到打不開頁面的問題,我們要把 drawio 改一個離線運行的參數。打開 webapps 目錄,找到 draw 文件夾裡面的 index.html :

用編輯工具打開 index.html ,查找 urlParams 函數,在如下位置加上 result['offline'] = '1'; 即可

Drawio 服務部署完畢,你不僅可以在手機上通過網頁訪問和運行 Drawio 。局域網內其他設備一樣可以通過局域網使用 Drawio,如果你設置內網穿透還可以作為小服務器為遠程設備提供 Drawio 畫圖服務。