国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問

這篇具有很好參考價(jià)值的文章主要介紹了如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

推薦

前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站,通俗易懂,風(fēng)趣幽默,忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到網(wǎng)站

前言

提到流程圖,大家第一時(shí)間可能會(huì)想到Visio,不可否認(rèn),VIsio確實(shí)是功能強(qiáng)大,但是軟件為收費(fèi),并且因?yàn)槠涔δ軓?qiáng)大,導(dǎo)致安裝需要很多的系統(tǒng)內(nèi)存,并且是不可跨平臺(tái)使用。所以,今天給大家推薦一款更實(shí)用的流程圖軟件—— Draw.io在線繪圖工具。

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

Docker本地部署在線繪圖工具Draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問

1. 使用Docker本地部署Drawio

啟動(dòng)docker,運(yùn)行容器

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

啟動(dòng) Web 瀏覽器會(huì)話到http://localhost:8080/?offline=1&https=0或https://localhost:8443/?offline=1

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

可以看到在docker本地部署了draw.io,進(jìn)入到了繪畫作圖界面。

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

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

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

  • 使用一鍵腳本安裝命令
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 向系統(tǒng)添加服務(wù)
sudo systemctl enable cpolar
  • 啟動(dòng)cpolar服務(wù)
sudo systemctl start cpolar

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

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

  • 隧道名稱:可自定義命名,注意不要與已有的隧道名稱重復(fù)
  • 協(xié)議:選擇http
  • 本地地址:8080 (局域網(wǎng)訪問的端口)
  • 域名類型:免費(fèi)選擇隨機(jī)域名
  • 地區(qū):選擇China

點(diǎn)擊創(chuàng)建

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

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

注意需要將cpolar套餐升級(jí)至基礎(chǔ)套餐或以上,且每個(gè)套餐對(duì)應(yīng)的帶寬不一樣?!綾polar.cn已備案】

登錄cpolar官網(wǎng),點(diǎn)擊左側(cè)的預(yù)留,選擇保留二級(jí)子域名,設(shè)置一個(gè)二級(jí)子域名名稱,點(diǎn)擊保留,保留成功后復(fù)制保留的二級(jí)子域名名稱

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

保留成功后復(fù)制保留成功的二級(jí)子域名的名稱

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

修改隧道信息,將保留成功的二級(jí)子域名配置到隧道中

  • 域名類型:選擇二級(jí)子域名
  • Sub Domain:填寫保留成功的二級(jí)子域名

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

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

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io

如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問,cpolar,docker,流程圖,draw.io文章來源地址http://www.zghlxwxcb.cn/news/detail-819075.html

到了這里,關(guān)于如何在Docker本地搭建流程圖繪制神器draw.io并實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 如何自己實(shí)現(xiàn)一個(gè)絲滑的流程圖繪制工具(七)bpmn-js 批量刪除、復(fù)制節(jié)點(diǎn)

    如何自己實(shí)現(xiàn)一個(gè)絲滑的流程圖繪制工具(七)bpmn-js 批量刪除、復(fù)制節(jié)點(diǎn)

    背景 希望實(shí)現(xiàn)批量刪除和復(fù)制節(jié)點(diǎn),因?yàn)閎pmn-js是canvas畫的,所以不能像平時(shí)頁(yè)面上的復(fù)制一樣直接選擇范圍,會(huì)變成移動(dòng)畫布。 思路是: 繪制一個(gè)選擇的效果框,這樣才可以看出來選的節(jié)點(diǎn)有哪些。 上面的選中范圍框效果也是用canvas畫出來的 因?yàn)閎pmn-js對(duì)鼠標(biāo)直接選取范圍

    2024年02月10日
    瀏覽(26)
  • Markdown 流程圖繪制詳解

    Markdown 流程圖繪制詳解

    ??作者簡(jiǎn)介:小北編程(專注于HarmonyOS、Android、Java、Web、TCP/IP等技術(shù)方向) ??博客主頁(yè): 開源中國(guó)、稀土掘金、51cto博客、博客園、知乎、簡(jiǎn)書、慕課網(wǎng)、CSDN ??如果文章對(duì)您有一定的幫助請(qǐng)??關(guān)注?、點(diǎn)贊??、收藏??、評(píng)論??。 ??如需轉(zhuǎn)載請(qǐng)參考【轉(zhuǎn)載須知】 M

    2024年01月16日
    瀏覽(24)
  • 前端繪制流程圖、泳道圖

    前端繪制流程圖、泳道圖

    使用logicFlow插件繪制。 原生HTML頁(yè)面也可以,vue或react前端框架也可以,官網(wǎng)有詳細(xì)安裝方法,本文章后面也會(huì)詳細(xì)說明。 官網(wǎng)鏈接: logicFlow官網(wǎng)地址 前端繪制泳道圖結(jié)合流程圖,達(dá)到如下效果 當(dāng)然如果僅僅只是長(zhǎng)成這樣,想必大家用canvas或者svg畫圖都能解決一大半。 還需要

    2024年01月24日
    瀏覽(29)
  • 用echarts繪制流程圖

    用echarts繪制流程圖

    ? ?當(dāng)這兩個(gè)流程圖進(jìn)行切換展示時(shí),一定要使用v-show

    2024年02月16日
    瀏覽(27)
  • Mermaid安裝及繪制流程圖

    默認(rèn)的 Hexo 安裝包括一個(gè) MarkDown 渲染器插件,該插件使用 hexo-renderer-marked ,而 hexo-renderer-markdown-it 是一款用于 Markdown 解析和渲染的插件,用于替換 Hexo 默認(rèn)自帶的 Markdown 渲染器,提供了更豐富的 Markdown 解析和渲染,替換命令如下: Mermaid 是一個(gè)支持 MarkDown 的流行的 js 圖標(biāo)

    2024年02月04日
    瀏覽(44)
  • 優(yōu)秀的流程圖應(yīng)該怎樣繪制呢?

    優(yōu)秀的流程圖應(yīng)該怎么繪制呢? 本文將帶大家學(xué)習(xí)優(yōu)秀流程圖的繪制要點(diǎn)和技巧,以及講解流程圖與UML活動(dòng)圖、BPMN圖之間的關(guān)系和區(qū)別。 1、認(rèn)識(shí)流程圖流程圖簡(jiǎn)單講就是用圖描述流程,這種流程可以是一種有先后順序的操作組成,可以是系統(tǒng)的輸入到輸出的整個(gè)環(huán)節(jié)的描述

    2024年02月06日
    瀏覽(25)
  • markdown繪制流程圖相關(guān)代碼片段記錄

    有時(shí)候會(huì)使用typora來繪制一些流程圖,進(jìn)行編碼之類的工作,在網(wǎng)絡(luò)搜集了一些筆記,做個(gè)記錄,方便日后進(jìn)行復(fù)習(xí),相關(guān)的記錄如下: 每次作圖時(shí),代碼以「graph 布局方向」開頭,如: TB(Top Bottom)表示從上向下布局,另外三種是 BT LR(Left Right) RL 不同種類的括號(hào)對(duì)應(yīng)不

    2024年02月19日
    瀏覽(42)
  • 推薦兩款開源的繪制流程圖軟件

    推薦兩款開源的繪制流程圖軟件

    ? ? ? ? 目前流程圖繪制軟件非常多,包括本機(jī)安裝的、web端的都有,如Visio、Graphviz、processOn等等。但是幾乎都是收費(fèi)的。本文給大家介紹兩款優(yōu)秀的開源免費(fèi)的流程圖繪制軟件。 目錄 一句話導(dǎo)讀 一、draw.io 二、Meta2d.js ?1.為什么使用 2.開發(fā)文檔 官網(wǎng):draw.io (drawio.com) 開源

    2024年02月10日
    瀏覽(31)
  • Vue使用AntV X6繪制流程圖(組態(tài)呈現(xiàn))

    Vue使用AntV X6繪制流程圖(組態(tài)呈現(xiàn))

    先上幾個(gè)網(wǎng)址 AntV | 螞蟻數(shù)據(jù)可視化 AntV X6 圖編輯引擎 AntV X6文檔 AntV X6 API AntV X6圖表示例 上面是一些用到的網(wǎng)址,先說下我項(xiàng)目中的需求,就是要自己繪制出一個(gè)我們想要的圖,組態(tài)化呈現(xiàn)出來,然后這個(gè)圖中會(huì)有很多節(jié)點(diǎn),每個(gè)節(jié)點(diǎn)都會(huì)有自己的狀態(tài)?,狀態(tài)會(huì)實(shí)時(shí)改變,

    2024年02月06日
    瀏覽(101)
  • Springboot +Flowable,通過代碼繪制流程圖并設(shè)置高亮

    Springboot +Flowable,通過代碼繪制流程圖并設(shè)置高亮

    通過代碼繪制一張流程圖,并設(shè)置成高亮。 首先先來看一下繪制出來的效果圖,截圖如下: 已經(jīng)執(zhí)行的節(jié)點(diǎn)和連線用紅色標(biāo)記出來,大致上就是這么一個(gè)效果。 將一個(gè)流程圖繪制成圖片,相關(guān)的 API 在 flowable 中其實(shí)都是有提供的,流程圖片的繪制,是根據(jù)流程的定義來繪制

    2024年02月02日
    瀏覽(23)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包