部署一個私有的在線繪圖服務
現在很多服務都已經云端化了，瀏覽器早已不是只用來瀏覽信息的瀏覽器了。
在線繪圖
國內最常用的就是 ProcessOn 了，功能很全，就是免費額度有點少。
國外最知名的就是 Draw.io 了，基本上就是免費的，常常集成在各種服務里。就是速度有點慢，不，是非常慢。
Draw.io 現在改名了，叫 diagrams.net。最關鍵的是，它還是開源的!
部署一個 Draw.io
Draw.io 是基于mxGraph library[1]構建的，后端用 Java 實現了簡單的文件導出和處理功能，畫圖的功能都是通過 JavaScript 在瀏覽器的，所以是完全可以用靜態頁面的方式來托管一個不需要文件處理和鑒權的繪圖站點。
有興趣請移步至該項目：
- https://github.com/jgraph/drawio
要完整部署該項目需要用 ant 來編譯 war，并用 tomcat 托管。但是，我不想用 ant 去編譯也不想和 Tom 貓發生什么關系，所以我要對這個開源項目進行閹割。
- 去除所有國外的在線服務，比如 Google Drive，OneDrive等等
- 避免跳轉到 Draw.io 官網
- 去除后端服務，只要能在瀏覽器繪圖并緩存，能保存為本地文件
來來來，folk 一下這個項目開干，新項目地址：
- https://github.com/tobyqin/drawio-local。
- # 第一步，干掉Java，只保留Web應用
- mv -r src/main/webapp /temp/webapp
- rm -rf *
- mv -r /tmp/webapp .
- # 第二步，去掉在線服務
- code js/PreConfig.js
- # 配置 local='1'
- # 參考 https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported-
- # 第三步，修改錯誤的資源引用，用Chrome的開發者工具
- # 第四步，加一些黑科技到 index.html 來hack外部跳轉，不展開說明
萬事具備，用一行代碼在本地托管：
- python3 -m http.server 8000
OK 啦，干凈清爽的感覺就是那么好。
改一下 README.md 就推送了吧。好像我只花了幾分鐘，其實我調試了幾小時，開發為什么總估時間不準呢?奇怪。
部署到 Docker
沒有容器化的服務是沒有靈魂的服務，那么我們就給它加點靈魂。加靈魂需要一個 Dockerfile，這樣寫：
- FROM frolvlad/alpine-python3:latest
- RUN mkdir /app
- WORKDIR /app
- RUN pip3 install flask
- ADD . /app/
- EXPOSE 5000
- CMD python3 app.py
這個靈魂是有講究的，為什么這么說呢?
1.用的是 apline 的基礎鏡像，這個是開源界最常用的基礎鏡像，因為它及其的小，一般只有幾 MB 或者幾十 MB。對應的 apline 鏡像還有 node，java，go 版的，應有盡有。
2.先安裝flask后copy應用，因為flask安裝后這個layer就不變了，但是app每次打包都會不一樣。
為啥要加個flask啊?因為我想在它訪問后端報錯時可以更友好一點，人性化和用戶體驗，Understand?
- @app.route('/not-support', methods=['GET', 'POST'])
- def not_support():
- return "Sorry, this action is not supported."
好啦，打包鏡像走起。
- docker build -t tobyqin/drawio-local:latest .
讓這個靈魂跑起來。
- docker run -it --rm -p 5000:5000 tobyqin/drawio-local
訪問本地5000端口，一點毛病都沒有，注意 --rm在調試時很有用，它可以幫你自動清理退出的容器。
讓我們來發布這個靈魂到全世界。
- docker login
- docker push tobyqin/drawio-local
咦?這個靈魂好像有點重啊，完全推不動嘛。用Poratiner查看一下里面到底有什么東西。
鏡像總共才4M，應用居然接近100M，要給靈魂減減肥了。在根目錄加個 .dockerignore 文件，把不想打包的文件統統寫在里面。
- .git
- .DS_Store
- .vscode
- *.md
- ...
321再來一遍靈魂序曲，嗯，有內味了。
拿來主義
我想你是不愿意再踩一遍我的坑了，反正這個東西做一遍就行了，拿去用吧。
1. 靜態托管
直接到https://github.com/tobyqin/drawio-local 下載zip解壓后丟到nginx或者iis即可，順手給項目加個星唄。
2. Docker部署
一句命令即可。
- docker run --name="drawio-local" --restart always -p 5000:5000 tobyqin/drawio-local
3. 薅我羊毛
這個服務我已經部署到了我的主機，免費用，隨便用，但不保證它的速度和生命延續。
- https://draw.pytips.cn
就這樣，Peace。
References
[1] mxGraph library: https://github.com/jgraph/mxgraph
