Draw.io 是 GitHub 上一個開源的流程圖繪制工具,功能豐富,而且免費(不是免費試用的那種“免費”哦!)。
它不僅有在線網頁版,直接訪問(https://www.draw.io/)就可使用,還有桌面版。桌面版下載地址:https://github.com/jgraph/drawio-desktop/releases。
由於 Draw.io 是開源的,所以針對 外網訪問不穩定或在公司內網訪問不了在線版 的情況,我們可以將其網頁版自己部署一套離線版。本文章將一步一步介紹具體部署步驟。
下載
下載 Draw,地址:https://github.com/jgraph/drawio/releases,Draw.io 是 Java 開發的,所以可以直接下載編譯好的 draw.war 包,省去編譯步驟。
War 包需要部署到 Tomcat 下才能訪問,所以還需下載 Tomcat,地址:http://www.apache.org/dist/tomcat/tomcat-8/,建議使用 Tomcat8,經測試使用 Tomcat8 是可以的。
部署
然后在 Tomcat/bin 目錄,執行 startup.bat
啟動 Tomcat。當控制台出現 Server startup in xxx ms
時表示 Tomcat 啟動好了:
最后打開瀏覽器訪問:http://127.0.0.1:8080/draw,顯示如下頁面就表示 Draw 部署好了。
配置
如上只是把 Draw 啟起來了,查看 Chrome 請求的資源會發現請求了一些外部的資源,所以還不是真正的離線版。
要做到真正的離線版很簡單,Draw 已經提供了相關參數配置,在訪問的 URL 中加上 offline=1:http://127.0.0.1:8080/draw?offline=1即可實現真正的離線版:
但部署好的離線版一般是要給別人用的,可能還會綁定到域名,所以如果每次都都要在 URL 后加參數會比較麻煩。
解決辦法就是找到首頁 index.html 代碼,
在 urlParams 函數內,加上 result['offline'] = '1'
即可:
Draw 還支持其它參數,如是否支持保存到本地或瀏覽器等。具體參數配置項含義可參考:https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported。
總結
按如上步驟就把 Draw.io 部署到自己電腦上了,以后不管有沒有網都可自由的使用,也可以共享給內網里的其他人。
這里講的是 Windows 環境下操作,因為 Java 是跨平台的,所以在 Linux 環境下部署也基本一樣。