ThingJS搭建項目流程解析

在使用ThingJS開發物聯網項目時，常常會由於ThingJS製做三維可視化項目四步驟中的第一步而望而卻步，那麼ThingJS的三維可視化項目四步驟是哪四個步驟呢？

ThingJS平臺開發3D可視化應用通常包括四個步驟：園區搭建、在線開發、數據對接、應用部署。

園區搭建

ThingJS平臺自帶三維場景搭建工具，可以知足不一樣場景下的三維搭建要求。CampusBuilder主要是面向小型園區及該規模如下的場景搭建；CityBuilder面向城市級，提供更大場景搭建的三維搭建組件；

1.CamBuilder是否徹底免費？
不徹底免費，CamBuilder園區搭建工具可用於擺放模型，繪製牆體以及製做室內結構等功能，同時，CamBuilder中還有obj模型上傳功能，須要說明的一點是，CamBuilder絕大部分使用是免費的，這意味着，若是您在嘗試使用CamBuilder去製做您的三維可視化場景時，使用CamBuilder不會收取您的任何費用，CamBuilder的部分增值服務是收費的，目前收費的有處於測試版本的CAD導入功能，導出EXE文件、導出3dsmax可識別格式文件等等，這些功能屬於不影響使用CamBuilder搭建三維可視化場景以及後續開發，只針對有強烈意向用戶使用。

2.CamBuilder如何上傳本身的模型？
除此以外，CamBuilder還有一個OBJ模型上傳功能，該功能一樣是免費功能，但ThingJS推薦您使用ThingJS的3dsmax模型上傳插件去上傳您的模型，這是由於經過3dsmax模型上傳插件上傳的模型，在上傳以前會由插件進行檢測，阻止那些沒法在ThingJS中正常使用以及可能出錯的模型上傳到ThingJS中去，所以ThingJS在其官方網站的資源中心中，專門有《3ds Max模型上傳插件使用教程》、《3D模型製做標準》兩個文檔，來提醒用戶如何下載安裝上傳插件以及製做標準的模型並上傳。還有的用戶會問，個人BIM模型或是rvt模型或者其餘渠道的模型可以上傳到CamBuilder中使用嗎？答案是能夠，可是這些模型都是須要經過3dsmax模型上傳插件才能上傳，而且在上傳以前還須要通過諸如刪減線之類的輕量化操做，而且還得符合《3D模型製做標準》後才能正常上傳使用。

3.CamBuilder中的場景在個人多臺電腦中版本不一致？
用戶在公司使用CamBuilder搭建園區時，下班後有的用戶會在家中的電腦繼續搭建園區，這個時候就會遇到兩臺電腦中的園區場景不一致的狀況，可能是出現公司電腦場景製做好了，家裏的電腦仍是舊版本的，這個時候千萬不要盲目操做，CamBuilder的同步是先去ThingJS的雲端中獲取有變化的場景或者模型等，當雲端沒有發生變化時，就會檢索客戶端的更新，若是客戶端出現了更新，就會把更新的場景提交到雲端。因此在製做完場景後要記住，最新制做的場景若是確認無誤後，保存後就應該點擊當即同步，這樣製做的最新場景就會同步到ThingJS雲端，替換掉以前雲端的舊場景，當最新的場景在雲端中後，您在您家中的電腦客戶端點擊當即同步，雲端的場景就會將您本地的舊場景覆蓋掉，使得您家中電腦的場景也變成公司中最後一次保存的場景（常見狀況：兩個客戶端場景版本不一致；失誤操做及結果：舊場景打開後進行操做，發現不是最新場景，保存後點擊當即同步，而後發現本來ThingJS在線開發中原本是最新場景的，變成了如今的舊場景，甚至當您啓動您的公司電腦客戶端，也點擊當即同步後，您雲端的舊場景還會把您的新場景給頂替掉）。

4.CamBuilder場景如何在ThingJS中使用？
最後一個關鍵之處則是用戶會問到的，CamBuilder搭建的場景如何去ThingJS在線開發環境中使用呢？首先，CamBuilder中有一個同步機制，默認是啓動CamBuilder十分鐘後同步您的場景、模型貼圖等信息至ThingJS，正在編輯的場景則不會被同步上去，許多用戶在搭建完CamBuilder場景後進入ThingJS中發現沒有該場景，可能是由於場景尚未被同步到ThingJS在線開發平臺中（少部分是因爲CamBuilder的登陸帳號和ThingJS的登陸帳號不一致形成的），只須要在CamBuilder客戶端中點擊當即同步，等待左下角提示同步結束後，便可刷新ThingJS網站頁面，雙擊園區列表中的場景縮略圖，引用並開發該場景。（代碼中對場景的任何修改都不會改變CamBuilder中的原始場景）

在線開發

場景搭建完成後會自動同步到在線開發平臺進行應用開發。開發是用純JavaScript腳本進行，普通前端開發人員均可完成，無需3D開發經驗。
5.ThingJS快捷功能
在線開發三維可視化場景時，咱們能夠藉助ThingJS在線開發平臺中左側的官方示例以及上方工具欄中的快捷代碼（詳情可看https://zhuanlan.zhihu.com/p/145507382）

數據對接

經過ThingJS API能夠對接業務數據、監控視頻等功能，造成一個完整的3D可視化應用項目。
數據對接功能在官方示例中數據示例中有相關代碼以及註釋說明，ThingJS支持的數據對接方式有：ajax、jsonp、websocket、mqtt這四種，相關代碼均在ThingJS在線開發平臺中。
同時視頻流也是有相應支持的，ThingJS使用視頻流顯示視頻在ThingJS官方示例-視頻-HTML5視頻示例中有詳細介紹及代碼說明。

應用部署

系統在線調試、測試無誤後，就能夠部署了。目前咱們提供兩種方式，在線部署在ThingJS雲平臺上，或者下載離線部署包在您本地環境部署。