FlowiseAI：低代碼時代的AI革命先行者
嗨，大家好，我是徐小夕。
之前一直在社區分享零代碼&低代碼的技術實踐，也陸陸續續設計并開發了多款可視化搭建產品，比如：
- H5-Dooring（頁面可視化搭建平臺）
- V6.Dooring（可視化大屏搭建平臺）
- 橙子6試卷（表單搭建引擎）
- Nocode/WEP 文檔知識引擎
最近在研究AI應用的時候發現一款非常有價值的AI開源項目——FlowiseAI, 它可以通過可視化低代碼的方式輕松幫助我們創建LLM應用, 并且支持本地部署, 接下來就和大家分享一下它的使用.
什么是FlowiseAI
flowise.gif
FlowiseAI，一個旨在簡化人工智能開發流程的創新平臺，它的誕生源于一個大膽的設想：讓每個人，無論技術背景如何，都能輕松駕馭AI的力量。
圖片
Github地址: https://github.com/FlowiseAI/Flowise
FlowiseAI的核心競爭力在于其低代碼特性。在多數人的認知里，開發AI應用似乎總是與晦澀難懂的編程語言和復雜的數據科學模型緊密相連。然而，Flowise通過圖形化界面、拖拽式操作，將這些復雜過程簡化到了極致。用戶只需要像拼接積木那樣，將預設的功能模塊組合起來，就能迅速實現從想法到AI應用的跨越。
圖片
如何使用FlowiseAI
圖片
當然我們使用它也很簡單, 他支持npm安裝或者docker安裝, 這里我介紹一下npm的安裝方式.
npm install -g flowise啟動項目:
npx flowise start當然我們還可以直接用 git clone 來將項目整體克隆下來, 進行源碼級別的二次開發:
git clone https://github.com/FlowiseAI/Flowise.git目前這款開源項目已經有 27.7k star, 被上萬人使用, 整體來說還是非常靠譜的, 這里上一張 github 的截圖:
圖片
FlowiseAI 使用的技術棧分析
flowise.gif
我本地運行了一下這款開源項目, 和大家介紹幾個它用到的核心開源庫和框架, 供大家學習參考.
- @e2b/code-interpreter：用于代碼解釋或執行的工具。
- @elastic/elasticsearch：與 Elasticsearch 相關，用于搜索和數據管理。
- @langchain/anthropic、@langchain/cohere等：與各種語言模型的集成和交互
- @langchain/core：Langchain 的核心部分
- @langchain/exa等：與不同的應用場景或擴展相關
- @notionhq/client：與 Notion 接口相關
- @supabase/supabase-js：與 Supabase 相關的 JavaScript 接口
- apify-client：與 Apify 客戶端相關
- axios：用于 HTTP 請求
- cheerio：用于網頁內容解析
- crypto-js：加密相關
- css-what：用于 CSS 解析
- d3-dsv：數據格式處理
- dotenv：環境變量管理
- express：Web 服務應用框架
- faiss-node：與 Faiss 相關的節點版本
- fast-json-patch：快速 JSON 補丁處理
- form-data：表單數據處理
- graphql：GraphQL 相關
- html-to-text：HTML 到文本的轉換
- jsonpointer：JSON 指針處理
- lodash：實用工具庫。
- lunary：可能與特定的語言處理或工具相關。
- mammoth：文檔處理
- moment：時間處理
- mysql2：MySQL 數據庫相關
- node-fetch：節點的 HTTP 請求獲取
- node-html-markdown：HTML 到 Markdown 的轉換
- notion-to-md：Notion 到 Markdown 的轉換
- object-hash：對象哈希計算
- pdf-parse：PDF 解析
- pdfjs-dist：PDF 處理相關的庫
- pg：PostgreSQL 數據庫相關
- playwright：瀏覽器自動化測試工具
- socket.io：實時通信相關
- srt-parser-2：SRT 字幕文件解析
- typeorm：對象關系映射工具
- zod、zod-to-json-schema：數據驗證和 JSON 模式轉換相關
接下來分享一些核心UI相關的庫:
- @codemirror/lang-javascript：CodeMirror 中用于 JavaScript 語言的支持
- @codemirror/lang-json：CodeMirror 中用于 JSON 語言的支持
- @codemirror/view：CodeMirror 的視圖相關功能
- @emotion/cache：Emotion 緩存相關
- @emotion/react：Emotion 在 React 中的使用
- @emotion/styled：Emotion 樣式創建
- @mui/material：Material-UI 核心組件庫
- @tabler/icons-react：Tabler 圖標在 React 中的使用
- @uiw/react-codemirror：UIW 提供的 CodeMirror 在 React 中的集成
- clsx：用于條件性地組合類名
- flowise-embed 和 flowise-embed-react：流程圖嵌入
- flowise-react-json-view：用于展示 JSON 數據的視圖
- formik：用于表單管理
- framer-motion：用于動畫效果
- history：用于管理瀏覽器歷史
- html-react-parser：將 HTML 字符串解析為 React 組件
- notistack：通知棧組件
- react-code-blocks：React 代碼塊組件
- react-color：顏色選擇相關組件
- react-datepicker：日期選擇組件
- react-device-detect：設備檢測
- react-markdown：將 Markdown 內容轉換為 React 組件
- react-perfect-scrollbar：完美滾動條組件
- react-syntax-highlighter：代碼語法高亮組件
- reactflow：流程可視化組件。
- rehype-mathjax：在 Markdown 中處理數學公式
- rehype-raw：處理原始內容
- remark-gfm：支持 GitHub Flavored Markdown
- remark-math：在 Markdown 中處理數學內容
- yup：表單數據驗證。
這些技術棧在實現我們的復雜業務場景上也非常有幫助, 如果你也在做AI應用，強烈大家參考上述用到的技術棧, 它們從網絡請求，數據處理，到可視化流程圖，文件解析，代碼高亮等方方面面做了系統的支持。
