配置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
。