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