前言
大家好，我是R哥。
隨著 ChatGPT 的火爆全網，AI 這幾年迎來爆發式增長，國內 AI 也遍地開花，各大廠也開始卷 AI 賽道了，眼花繚亂的大模型，花裡胡哨繁雜的功能，多的真讓人摸不著頭腦。
更頭痛的是，傳統 AI 應用的開發門檻非常高，也非常耗時費力，而且大多都只支援對話式互動，對智慧體、AI 應用的開發支撐能力非常有限。
R哥我一直也在使用 AI 提效，在使用傳統 AI 工具開發 AI 應用也顯得非常吃力，何況我還是 10 多年的老程式設計師了，對於非專業人士或者初學者來說，想開發自己的 AI 應用那更是天方夜譚。
那麼問題來了：
如果有一個「視覺化工具」能讓 AI 應用開發變得簡單有趣，不用研究 API，也不用懂程式碼，人人都能搭建自己的 AI 應用，那會是怎樣的體驗呢？
最近視覺化 AI 開發的趨勢可以說是越發火熱，比如：胃之書，這類工具的出現又讓我看到了希望，透過視覺化開發，大幅降低了語言模型應用的開發難度，但仍需一定的程式碼基礎。
真正 0 程式碼、視覺化的 AI 應用開發，位元組旗下的扣子（coze.cn）就不得不說了。
本文我也會帶大家體驗一下釦子的魅力，看看我如何 0 程式碼搭建自己的 AI 應用：寫作助手。
釦子 ProjectIDE 重磅釋出
釦子之前只能開發智慧體，雖然也是基於視覺化開發，也能完成複雜的工作流，但前端還是需要對話式互動，沒有提供個性化定製前端頁面的能力。
但在 11 月 28 號這天，釦子真的發力了，帶來了重磅新功能：Project IDE，提供了定製前端頁面的能力，從前端到後端，0 程式碼，人人都能一站式開發自己的 AI 應用。
我說幾個重點吧：
1、首先，ProjectIDE 搭載了 UI Builder，帶來了更靈活可控的資料讀寫能力，可以搭建具有完整前後端的 AI 應用，並可以將其釋出為 API 服務、模板，或上架至釦子商店。
2、其次，應用的業務邏輯是由編排好的工作流實現的，同時可透過變數、外掛、知識庫、資料庫等方式靈活地與本地或線上資料進行互動。
3、此外，釦子提供了豐富的頁面元件和視覺化的編排能力，讓你無需寫一行程式碼就可以快速搭建出使用者介面。
ProjectIDE 的釋出，讓人人都能開發一個自己的 AI 應用變為現實。
對了，釦子還將在 12 月 19 日在上海舉辦開發者日活動，會邀請眾多開發者和行業內人士一起交流，對 AI 感興趣的記得一定要來看直播，來掃碼預約直播吧：
AI 應用搭建初體驗
AI 應用能力才釋出不久，還是 Beta 版本，R哥我已經等不及了，我先嚐為快，也搭建了一個自己的 AI 應用：寫作助手，真的強的飛起。
寫作助手的功能如下：
使用者透過在前端頁面輸入寫作需求，後端能理解需求，創作文章內容並返回，內容包括封面和文章內容。後端能參考我的網站原創文章進行創作，並且能將創作內容儲存到資料庫。
下面我帶大家來體驗下一站式開發具備前後端的 AI 應用，重點是視覺化、0 程式碼、0 對話互動式開發。
整個開發流程圖所示：
這個開發流程放在傳統的 AI 工具上面，除了 AI 是別人的，其他都要自己開發，包括：前端頁面、資料庫、知識庫、後端系統，等等，這開發難度和工作量你敢想嗎？
現在有了釦子，僅需 5 步，就能輕鬆上線自己的 AI 應用。
來，看我怎麼帶你用釦子玩轉 AI 應用～
第 1 步：建立 AI 應用
首先登入釦子平臺：
https://www.coze.cn/
在左側選單欄，點選工作空間，選擇一個工作空間。
工作空間是各種資源和開發專案的集合，不同工作空間內的資料和資源相互隔離。
然後在專案開發頁面，點選右上角的建立按鈕，然後在彈出的頁面，選擇建立應用，我們可以建立空白應用，也可以選擇官方提供的模板進行建立：
比如我建立一個空白應用，輸入應用名稱、應用介紹，生成/上傳應用圖示，最後點確認按鈕，會直接進入到 AI 應用的整合開發環境：
這也是釦子最近釋出的 ProjectIDE 開發工具，可以一站式開發具備前後端能力的 AI 應用。
第 2 步：編排業務邏輯
建立完 AI 應用專案後，在「業務邏輯」選單下就可以開始進行業務邏輯編排了，也是就 AI 應用的後端處理流程。
下面是我先演示下我已經建立好的業務邏輯：
這裡主要包括工作流、資料（資料庫、知識庫）的應用，下面是詳細介紹。
點選左側工作流 + 號建立一個工作流，新的工作流預設自帶初始化的開始、結束兩個節點，中間可以隨意新增自定義節點，自定義節點可以進行重新命名、建立副本、刪除等操作。
點選頁面底部的「新增節點」選單新增節點：
釦子提供了大模型、程式碼、意圖識別、知識庫寫入與檢索等豐富的工作流節點，把建立好的節點串連起來就形成了完整的工作流：
下面我詳細介紹下這串工作流的使用和處理邏輯。
開始
開始節點是預設自帶的，它是工作流的開始：
新增幾個輸入引數，這幾個引數是需要從頁面傳入的。
知識庫檢索
點選左側資料選單 + 號可建立知識庫，比如我建立了一個原創文章知識庫：
知識庫支援新增本地文件、線上資料、Notion、飛書等，我建立的這個原創文章知識庫是線上資料，透過我個人的網站抓取的，主要用於在建立文章之前檢索知識庫中的內容，並以此參考寫作。
然後再新增一個「知識庫檢索」節點：
填寫輸入引數值，我這裡選的是根據標題進行檢索，然後就是設定要檢索知識庫，以及其他控制引數。
創作文章
比如我新增的這個「創作文章」大模型節點，點選它可以對它進行設定：
核心能力介紹：
- 可以選擇不同的模型，支援國內各種大模型，比如：官方的豆包、阿里通義、Kimi 等等；
- 可以設定技能，比如我這裡新增了內建的微信搜尋、百度搜尋兩個技能；
- 可以設定輸入引數，比如我這裡新增了在開始節點中新增的輸入引數；
- 可以設定系統提示詞、使用者提示詞，提示詞是支援自動最佳化的，並且可以使用
{{}}引用輸入引數或變數； - 可以設定輸出引數，比如我這裡設定了輸出為
Markdown格式，輸出變數名為output字串型別。
我這裡主要設定的根據使用者提交的創作資訊，以及根據我建立的知識庫來進行創作。
影像生成
新增一個「影像生成」節點，用來生成文章的封面：
先設定模型、比例、生成質量等，然後就是輸入引數和提示詞，我這裡設定的是根據標題來生成一張封面圖。
請注意，影像生成和創作文章節點是同時執行的，因為它們沒有因果關係，同時執行可以提升工作流效率。
合併結果
新增一個「文字處理」節點，創作文章和影像生成之後，我們需要合併這兩個節點的處理結果，即把封面和內容放在一起再交給下一個節點處理。
輸入引數設定前面兩個節點的輸出的值，字串拼接我這裡設定的是封面拼接在內容前面。
寫入資料庫
點選左側資料選單 + 號可建立數庫，比如我建立了一個 t_article 資料庫：
這建立的這個 t_article 資料庫表，主要用於在創作完文章之後，在輸出文章內容之前，將所有創作的資訊寫入到這個資料庫表中。
新增一個「資料庫」節點：
設定輸入引數，新增資料庫表，然後編寫 SQL，可使用 AI 自動生成，比如我寫的：新增一條記錄，它就會生成 INSERT 語句，然後插入對應的變數。
結束
結束節點也是預設自帶的，它是工作流的結束：
這裡可以設定要輸出的內容是「返回變數」還是「返回文字」，這也和頁面的取值方式有關，我這裡設定返回 content 變數。
至此，整個程式設計業務邏輯的工作流就設計完成了，接下來就是設計介面了。
第 3 步：設計介面
利用釦子最新發布的 UI Builder 能力，無需複雜指令即可實現直觀的介面互動設計，然後透過前端頁面來呼叫後端工作流，這一整套前後端的 AI 應用就能跑通了。
切換到「使用者介面」選單：
釦子一次性發布了 17 個元件，包括佈局元件、展示元件、輸入元件，只需要將對應的元件拖入到容器中，再進行相應的設定即可，無需編寫額外程式碼。
佈局設計
關於寫作助手大概的設計思路是，設計一個頂部應用頭部、左側輸入引數區域、右側文章展示區域，參考以下操作完成頁面佈局：
- 在元件皮膚中，找到佈局元件 > 容器元件（也就是
div元件），依次拖入 3 個容器元件到主容器中，並設定排列方式、比例等引數； - 在左側輸入引數區域拖入表單、文字、輸入框、按鈕元件；
- 在右側文章展示區域拖入文字、Markdown 元件；
下面是我設計好的頁面：
我拿幾個元件設定舉例吧，如以下動圖所示：
元件設定都是傻瓜式的，並且都會有相應的設定幫助，這裡就不詳細展開了。
觸發事件
重點說下各個元件的事件，主要是操作按鈕，以及表單的提交事件。
新增各個操作按鈕的事件：
所有這三個按鈕都需要新增這兩個事件，第一個事件是點選按鈕提交表單，第二個事件是設定將寫作風格顯示在下方，並用於傳遞到後端工作流。
然後新增表單的提交事件：
新增 OnSubmit 提交表單事件，執行動作就是 呼叫 Workflow，Workflow 就選我們之前建立好的 article 工作流，Workflow 入參配置就是我們介面上元件的值。
透過配置事件和新增資料，就能實現業務邏輯與使用者頁面的聯動了。
第 4 步：應用測試
以上完成後，點選右上角的「預覽」按鈕就能進入預覽介面了，然後輸入寫作需求，然後再點選相應的按鈕進行測試。
測試效果如以下動圖所示：
右側的展示區域是可以滾動的，創作的結果正常輸出了封面、文章內容，並且文章內容是參考了我的原創文章知識庫的。
對了，除了在介面上測試，工作流也是可以單獨除錯的，點選右上角的試執行按鈕進入除錯，效果如下圖所示：
檢視除錯所產生的資料庫記錄：
不僅能測試整個工作流，還能對單個節點進行測試，並且還能顯示每個節點的執行時長和執行結果，非常方便。
第 5 步：應用釋出
完成應用測試後，點選右上角的「釋出」按鈕，我們就可以將 AI 應用釋出到商店或模板，或釋出成 API 服務與其他應用整合。
在釋出頁面，輸入版本號和釋出描述，然後選擇釋出平臺，我這裡選擇釋出到釦子商店，最後單擊頁面上的釋出按鈕，完成應用釋出：
釋出成功後，大家就可以在釦子商店上搜尋使用這個 AI 應用了：
點選文末閱讀原文連結可以體驗更多 AI 應用。
感興趣的都可以來體驗看看，一站式開發前後端能力的 AI 應用，重新整理你對新一代 AI 的認知。
釦子這次的升級真的是史詩級的變革，真的很新穎，不僅能輕鬆實現各種複雜的 AI 應用，AI 應用的使用體驗也非常好，不再需要像傳統 AI 工具那樣一句句對話式互動，非常方便快捷。
釦子開發者日
最後，說下釦子的最新動態和活動，對 AI 應用感興趣的小夥伴千萬不要錯過。
火山引擎將於 12 月 17 日 ~ 12 月 19 日在上海舉辦 2024 冬季 FORCE 原動力大會，其中釦子在 12 月 19 日下午將進行面向釦子開發者的分論壇活動，開發者將與釦子核心團隊面對面。
具體內容包括:
- 官方面對面交流： 平臺功能搶先知，最新發布的 ProiectIDE/Ul builder、最近火熱的模板的最新功能、內測搶破頭的語音 API，都將在本次面對面中進一步釋出獨家資訊。
- 成功案例分享： 資深釦子開發者實戰案例分享，啟發創意，探索變現。資深技術大拿、知名大V、AI創業者、企業內的AI先行者，這是AI開發最佳實踐者的聚會。
- 開發者主題探討： 關於釦子 “好的”、“壞的”、“想吐槽的”，大膽開麥，核心團隊準備好了聆聽所有聲音。
想了解更多開發者日詳情點選文章《釦子開發者日｜邀你參與釦子創作者年終聚會，聊聊 AI 應用的未來》瞭解更多，或者也可以點選報名連結快速報名開發者日活動。
更多文章推薦：
1.Spring Boot 3.x 教程，太全了！
2.2,000+ 道 Java面試題及答案整理(2024最新版)
3.免費獲取 IDEA 啟用碼的 7 種方式（2024最新版）
覺得不錯，別忘了隨手點贊+轉發哦！