天天看點

AutoCAD雲産品平台ForgeViewer格式離線部署思路分析

在上一篇博文中CAD圖DWG解析WebGIS可視化技術分析總結提到,利用AutoCAD的自有雲産品 Autodesk Forge,能在浏覽器中渲染 3D 和 2D 模型資料,實作DWG圖形的Web釋出。還是官方出品,性能,功能那不在話下。不過其資料得儲存在AutoCAD公有雲上,那能不能離線部署呢?

首先先說下Forge平台,Forge平台是Autodesk推出的雲産品平台,提供各種API,可以實作在網頁上上傳、浏覽、管理模型等功能,甚至包括3D列印、VR等。具體内容可以上首頁看:https://forge.autodesk.com/

Autodesk Forge Viewer 是一個基于 WebGL 的用戶端 JavaScript 庫,用于 3D 和 2D 模型渲染。檢視器可讓您在 Web 上檢視和共享來自各種産品的設計模型,包括 AutoCAD、Fusion 360、Revit等等。具體内容可以上首頁看:https://forge.autodesk.com/en/docs/viewer/v7/developers_guide/overview/

【Forge Viewer】是一套JavaScript(.js)庫和Css庫(.css),通常使用壓縮混淆版(*.min.js, *.min.css)。最主要的代碼檔案名為‘Viewer3D.js’或者‘Viewer3D.min.js’(壓縮混淆版),很多功能是額外的JavaScript代碼,例如第三人漫遊,标記,刨切,測量,模型實時協作等,技術上稱為Extension。

‘Viewer3D.js’有一部分是基于Three.js庫進行了拓展,而Three.js架構于浏覽器渲染圖形基礎技術WebGL。但‘Viewer3D.js’或者‘Viewer3D.min.js’,配合上另外一個加載模型算法庫wgs.js,很多代碼是Autodesk針對浏覽器圖形渲染性能做的優化,可以支援超大規模的模型資料高效加載,又能保持良好的漫遊檢視能力。還有很多代碼是Viewer預設的功能(漫遊,模型結構,構件屬性,環境設定等),還有為應用拓展提供的大量API。其性能和拓展性得到了得到衆多朋友的認可。

1、打開https://viewer.autodesk.com/ 上傳新圖形(如沒有注冊或登入,請自行先注冊登入)

2、選擇本地一個DWG檔案,點選上傳,會經過上傳成功和處理兩個步驟

AutoCAD雲産品平台ForgeViewer格式離線部署思路分析

3、處理成功後,就能顯示出CAD圖形了.

AutoCAD雲産品平台ForgeViewer格式離線部署思路分析

功能還是挺豐富的,圖層切換、檢視實體資訊、測量、标記、列印、共享等。不過需要注意的是Forge按照雲服務實際使用量而收取費用。某些服務是按用量,某些是按照雲服務操作的CPU時間,某些是按照操作資料的大小,以後的新服務或許又有其他計量方式。

不用擔心,AutoCAD官方也是給出了答案的,那就是緩存政策!

官方文檔在: https://forge.autodesk.com/blog/disconnected-workflows

大緻為: 雖然Forge 是一個雲 平台,但基于它建構的某些應用程式可能希望支援 Internet 連接配接暫時不可用的場景。例如,考慮一個用于審查和注釋 CAD 模型的應用程式 - 如果您可以在飛機上處理幾個 CAD 檔案,然後在您再次聯機時同步您的注釋,這不是很好嗎?在這篇文章中,我們将介紹一種使用現代 HTML5 API 支援這些場景的可能方法。我們将首先簡要介紹 我們将要使用的技術,然後是 我們可以用來緩存 Forge 内容的政策。具體内容可通路上面的文檔位址。

好像這個不是咱們真正想要的解決方案,咱們的目的是想要完全真正意義上面的離線部署。

繼續查文檔,發現雖然Forge沒有私有雲模式,但對于【網頁中加載模型的應用】的場景,經過Forge公有雲服務轉換模型以後,可以下載下傳轉換的資料部署到本地伺服器,通過【Forge Viewer】這個浏覽器前端技術加載,這個思路還是可以的。

那如何提取Viewer可讀的模型檔案(SVF或F2d)到本地?

可以通過官方提供的Extractor應用提取:https://extract.autodesk.io/,亦可自行部署該應用:https://github.com/cyrillef/e...

當然,如果想完全破解svf或f2d格式,也是有辦法的。市場上有些商用的軟體或者自行閱讀forge提供的SDK代碼去分享實作。

AutoCAD雲産品平台ForgeViewer格式離線部署思路分析

可能通路 demo位址 https://vjmap.com/guide/forgeviewer.html 去體驗下效果