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