【WebGME學習筆記】1:配置和使用WebGME

配置WebGME環境

整體和配置使用Vue的時候很像。注意WebGME需要事先安裝和啓動本地的MongoDB服務。

安裝webgme-cli腳手架:

npm install -g webgme-cli

配置自動補全,打開WSL命令行,執行:

echo ". G:\Program Files\nodejs\node_global\node_modules\webgme-cli\extra\webgme.completion.bash" >> ~/.bashrc

不知道需不需要把類似G:\xxx改成/mnt/g/xxx,這個後面用起來再說。

查看安裝是否成功:

webgme --version

如果安裝完了仍找不到命令,可以用npm list -g檢查是否全局安裝好,可能是沒有將%NODE_PATH%\node_global加入到環境變量中。

創建自己的WebGME項目

在工作目錄下創建一個WebGME項目:

webgme init my-first-webgme

默認情況下,此方式創建的WebGME項目在package.json中被列爲peerDependency(見此篇),這是因爲可以創建多個WebGME的repo然後共享和重用組件,可以避免多次安裝不同版本的webgme。

安裝依賴:

cd my-first-webgme
npm install

官方文檔上說,如果沒有將webgme依賴從peerDependency移動到dependencies就運行了npm install的話,webgme這個包就沒有直接安裝進來,就要顯式使用npm install webgme。但我這裏按照他說的檢查npm list確實是在樹根找到了webgme這個包,所以不用再安裝了。

運行:

node app.js

或使用package.json中配置好的指向它的快捷命令:

npm start

瀏覽器(官方建議用Chrome)訪問http://localhost:8888/即可進入項目頁面:
在這裏插入圖片描述
如何使用,見官方視頻

配置Python綁定

配置Python綁定可用於在服務器上書寫插件代碼。

在剛剛創建的項目中安裝webgme-bindings依賴:

npm install webgme-bindings --save

添加從本地服務器訪問這個webgme-bindings依賴的文檔的路由(可選):

webgme import router BindingsDocs webgme-bindings

在啓動項目後,在http://localhost:8888/bindings-docs/python/可以看到這個文檔:
在這裏插入圖片描述
在書寫插件時,Python中也要安裝相應的庫:

pip install webgme-bindings

附:WebGME的SySML項目

這個項目在這裏

git clone [email protected]:webgme/sysml.git
cd sysml
npm install
npm install webgme
開啓MongoDB的REST監聽

先到services.msc裏關閉本地MongoDB服務,爲保證能用mongod.exe打開,創建默認目錄C:\data\db(或者另外指定db目錄)。

因爲使用的不再是README裏的低版本MongoDB,要打開MongoDB並允許REST擴展,參考官方文檔使用如下命令啓動MongoDB:

mongod --configExpand rest
啓動項目
npm start

瀏覽器訪問http://127.0.0.1:9091

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章