免費的流程圖繪製工具 Draw.io 離線部署教程


免費的流程圖繪製工具 Draw.io 離線部署教程

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包,省去編譯步驟。

免費的流程圖繪製工具 Draw.io 離線部署教程

war包需要部署到Tomcat下才能訪問,所以還需下載Tomcat,地址:http://www.apache.org/dist/tomcat/tomcat-8/,建議使用Tomcat8,經測試使用Tomcat8是可以的。

部署

將下載下來的Tomcat解壓,並把draw.war拷貝到Tomcat下的webapps目錄,如:

免費的流程圖繪製工具 Draw.io 離線部署教程

然後在Tomcat/bin目錄,執行startup.bat啟動Tomcat。當控制檯出現Server startup in xxx ms時表示Tomcat啟動好了:

免費的流程圖繪製工具 Draw.io 離線部署教程

最後打開瀏覽器訪問:http://127.0.0.1:8080/draw,顯示如下頁面就表示Draw部署好了。

免費的流程圖繪製工具 Draw.io 離線部署教程

配置

如上只是把Draw啟起來了,查看Chrome請求的資源會發現請求了一些外部的資源,所以還不是真正的離線版。

免費的流程圖繪製工具 Draw.io 離線部署教程

要做到真正的離線版很簡單,Draw已經提供了相關參數配置,在訪問的URL中加上offline=1:http://127.0.0.1:8080/draw?offline=1即可實現真正的離線版:

免費的流程圖繪製工具 Draw.io 離線部署教程

但部署好的離線版一般是要給別人用的,可能還會綁定到域名,所以如果每次都都要在URL後加參數會比較麻煩。

解決辦法就是找到首頁index.html代碼,

免費的流程圖繪製工具 Draw.io 離線部署教程

在urlParams函數內,加上result['offline'] = '1'即可:

免費的流程圖繪製工具 Draw.io 離線部署教程

Draw還支持其它參數,如是否支持保存到本地或瀏覽器等。具體參數配置項含義可參考:https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported。

總結

按如上步驟就把Draw.io部署到自己電腦上了,以後不管有沒有網都可自由的使用,也可以共享給內網裡的其他人。

這裡講的是Windows環境下操作,因為Java是跨平臺的,所以在Linux環境下部署也基本一樣。


分享到:


相關文章: