前言

提到流程圖，大家第一時間可能會想到Visio，不可否認，Visio確實是功能強大，但是軟件為收費，并且因為其功能強大，導致安裝需要很多的系統(tǒng)內(nèi)存，并且是不可跨平臺使用。所以，今天給大家推薦一款更實用的流程圖軟件——?Draw.io在線繪圖工具。

其實，除了寫代碼，畫圖也是每個程序員必備的技能之一，我們經(jīng)常接觸有流程圖、架構(gòu)圖等等。而且Draw.io結(jié)合cpolar內(nèi)網(wǎng)穿透工具還可以增加共享和協(xié)作功能，提升團隊工作效率，那么本篇文章就來教大家如何在docker部署drawio繪圖工具并且實現(xiàn)公網(wǎng)遠程訪問。

1. 使用Docker本地部署Drawio

啟動docker,運行容器

docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 jgraph/drawio

啟動 Web 瀏覽器會話到http://localhost:8080/?offline=1&https=0或https://localhost:8443/?offline=1

可以看到在docker本地部署了draw.io，進入到了繪畫作圖界面。

2. 安裝cpolar內(nèi)網(wǎng)穿透工具

上面我們在docker中成功安裝了draw.io,并局域網(wǎng)成功訪問，下面我們安裝cpolar內(nèi)網(wǎng)穿透工具,通過cpolar 轉(zhuǎn)發(fā)本地端口映射的http公網(wǎng)地址,我們可以很容易實現(xiàn)遠程訪問,而無需自己注冊域名購買云服務器.下面是安裝cpolar步驟

cpolar官網(wǎng)地址:?https://www.cpolar.com

• 使用一鍵腳本安裝命令

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

• 向系統(tǒng)添加服務

sudo systemctl enable cpolar

• 啟動cpolar服務

sudo systemctl start cpolar

cpolar安裝成功后，在外部瀏覽器上訪問Linux 的9200端口即:【http://局域網(wǎng)ip:9200】，使用cpolar賬號登錄,登錄后即可看到cpolar web 配置界面,結(jié)下來在web 管理界面配置即可

3. 配置Draw.io公網(wǎng)訪問地址

點擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道，創(chuàng)建一個Draw.io的cpolar 公網(wǎng)地址隧道

• 隧道名稱：可自定義命名，注意不要與已有的隧道名稱重復

• 協(xié)議：選擇http

• 本地地址：8080 (局域網(wǎng)訪問的端口)

• 域名類型：免費選擇隨機域名

• 地區(qū)：選擇China

點擊創(chuàng)建

隧道創(chuàng)建成功后，點擊左側(cè)的狀態(tài)——在線隧道列表,查看所生成的公網(wǎng)訪問地址，有兩種訪問方式,一種是http 和https

4. 公網(wǎng)遠程訪問Draw.io

使用上面的cpolar https公網(wǎng)地址在任意設備的瀏覽器訪問,即可成功看到我們Draw.io的繪圖界面，這樣一個公網(wǎng)地址且可以遠程訪問就創(chuàng)建好了，無需自己購買云服務器,即可發(fā)布到公網(wǎng)訪問。

由于以上使用cpolar所創(chuàng)建的隧道使用的是隨機公網(wǎng)地址，24小時內(nèi)會隨機變化，不利于長期遠程訪問。

我一般會使用固定二級子域名，原因是我希望將網(wǎng)址發(fā)送給同事時，它是一個固定、易記的公網(wǎng)地址（例如：crm.cpolar.cn），這樣更顯正式，便于繪圖交流協(xié)作。因此我們可以為其配置二級子域名，該地址為固定地址，不會隨機變化【ps：cpolar.cn已備案】

注意需要將cpolar套餐升級至基礎套餐或以上，且每個套餐對應的帶寬不一樣。【cpolar.cn已備案】

登錄cpolar官網(wǎng)，點擊左側(cè)的預留，選擇保留二級子域名，設置一個二級子域名名稱，點擊保留,保留成功后復制保留的二級子域名名稱

保留成功后復制保留成功的二級子域名的名稱

返回登錄cpolar web UI管理界面，點擊左側(cè)儀表盤的隧道管理——隧道列表，找到所要配置的隧道，點擊右側(cè)的編輯

修改隧道信息，將保留成功的二級子域名配置到隧道中

• 域名類型：選擇二級子域名

• Sub Domain：填寫保留成功的二級子域名

點擊更新(注意,點擊一次更新即可,不需要重復提交)

更新完成后,打開在線隧道列表,此時可以看到公網(wǎng)地址已經(jīng)發(fā)生變化,地址名稱也變成了固定的二級子域名名稱的域名

最后,我們使用固定的公網(wǎng)地址訪問,可以看到訪問成功,這樣一個固定且永久不變的公網(wǎng)地址就設置好了。