iMoveJavaScript 邏輯編排工具

iMove 是一個(gè)邏輯可復(fù)用的，面向函數(shù)的，流程可視化的 JavaScript 工具庫，一個(gè)面向前端開發(fā)者的邏輯編排工具，核心解決的是復(fù)雜邏輯復(fù)用的問題。

iMove 由 2 部分組成：畫布和 imove-sdk。通過本地起一個(gè) http 服務(wù)運(yùn)行畫布，在畫布上完成代碼編寫和節(jié)點(diǎn)編排，最終將流程導(dǎo)出 dsl，放到項(xiàng)目中，通過 imove-sdk 調(diào)用執(zhí)行。

特性

• 流程可視化：上手簡單，繪圖方便，邏輯表達(dá)更直觀，易于理解
• 邏輯復(fù)用：iMove 節(jié)點(diǎn)支持復(fù)用，單節(jié)點(diǎn)支持參數(shù)配置
• 靈活可擴(kuò)展：僅需寫一個(gè)函數(shù)，節(jié)點(diǎn)可擴(kuò)展，支持插件集成
• 適用于 JavaScript 所有場景：比如前端點(diǎn)擊事件，Ajax 請求和 Node.js 后端 API等
• 多語言編譯：無語言編譯出碼限制（例：支持 JavaScript, Java 編譯出碼）

使用場景

1. 前端流程：比如點(diǎn)擊事件，組件生命周期回調(diào)等。
2. 后端流程：比如 Node.js 或 Serverless 領(lǐng)域。
3. 前端+后端：比如前端點(diǎn)擊事件，Ajax 請求和后端 API。

快速開始

步驟 1. 準(zhǔn)備

下載倉庫，安裝并啟動(dòng)

$ git clone https://github.com/ykfe/imove.git
$ cd imove/example
$ npm install
$ npm start

此時(shí)瀏覽器會(huì)自動(dòng)打開 http://localhost:8000/ ，可以看到運(yùn)行效果。

步驟 2. 繪制流程圖

從左側(cè)拖動(dòng)節(jié)點(diǎn)至中央畫布，繪制流程圖

步驟 3. 配置節(jié)點(diǎn)

選擇節(jié)點(diǎn)，修改節(jié)點(diǎn)名，編輯節(jié)點(diǎn)代碼