寫在前面
大家好！我是艦長
10個(gè)小時(shí)前，Coze官方的一則最新通告，讓人很特別驚喜?？圩涌梢灾苯討?yīng)用開發(fā)，應(yīng)用拖拉拽的方式，讓無代碼基礎(chǔ)的同學(xué)，也可以搭建屬于自己的AI應(yīng)用，并不只限于在扣子界面進(jìn)行互動(dòng).
[今日文章內(nèi)容全部引用扣子官網(wǎng)文檔]
https://s.coze.cn/t/Chm0v_Ljlr45UKEg/
扣子平臺現(xiàn)已支持 AI 應(yīng)用開發(fā)，輕松構(gòu)建具備完整業(yè)務(wù)邏輯和直觀用戶界面的 AI 應(yīng)用。這些應(yīng)用能夠處理從簡單到復(fù)雜的各種任務(wù)。AI 應(yīng)用可以發(fā)布為 API 服務(wù)、模板，或上架至扣子商店。
其中，應(yīng)用的業(yè)務(wù)邏輯由編排好的工作流實(shí)現(xiàn)，同時(shí)可通過變量、插件、知識庫、數(shù)據(jù)庫等方式靈活地與本地或線上數(shù)據(jù)進(jìn)行交互。此外，扣子提供了豐富的頁面組件和可視化的編排能力，讓你無需寫一行代碼就可以快速搭建出用戶界面。
扣子還提供了一系列應(yīng)用模板，用于復(fù)制和體驗(yàn)，以便快速上手。以 AI 英語寫作練習(xí)助手為例，這是一個(gè)通過扣子平臺搭建的應(yīng)用，可以使用 AI 能力生成英語寫作題目并批改文章，支持查看答題歷史?！?/p>
AI 應(yīng)用是指利用大模型技術(shù)開發(fā)的應(yīng)用程序，這些應(yīng)用程序能夠使用大模型，執(zhí)行復(fù)雜任務(wù)，分析數(shù)據(jù)，并作出決策。例如 AI 搜索 和 AI 翻譯等?！?/p>
扣子平臺提供了一個(gè)高效快捷的方式開發(fā)具有復(fù)雜交互功能的 AI 應(yīng)用?！?/p>
一個(gè) AI 應(yīng)用的開發(fā)流程如下：
創(chuàng)建 AI 應(yīng)用項(xiàng)目：首先，你需要在扣子平臺上創(chuàng)建一個(gè) AI 應(yīng)用項(xiàng)目。項(xiàng)目創(chuàng)建完成后，你會(huì)自動(dòng)進(jìn)入集成開發(fā)環(huán)境（IDE）。這是你進(jìn)行業(yè)務(wù)邏輯編排和應(yīng)用配置的主要場所。
編排業(yè)務(wù)邏輯：你可以使用工作流來編排業(yè)務(wù)邏輯，并通過變量、插件、知識庫、數(shù)據(jù)庫等方式靈活的方式與本地?cái)?shù)據(jù)或線上數(shù)據(jù)進(jìn)行交互。
扣子還提供了試運(yùn)行能力，方便你在開發(fā)的時(shí)候進(jìn)行調(diào)試。
設(shè)計(jì)用戶界面: 扣子提供了豐富的組件和可視化的編排能力，支持以“拖、拉、拽”的方式快速構(gòu)建應(yīng)用，實(shí)現(xiàn)了所見即所得的應(yīng)用開發(fā)體驗(yàn)。這種方式大大簡化了界面開發(fā)過程，使得即使是非專業(yè)開發(fā)者也能輕松上手。
扣子頁面組件支持與開發(fā)資源的數(shù)據(jù)和事件進(jìn)行綁定，快速實(shí)現(xiàn)前后端數(shù)據(jù)的聯(lián)動(dòng)。
測試應(yīng)用：扣子提供了預(yù)覽能力，你可以通過預(yù)覽，進(jìn)行實(shí)時(shí)測試。確保應(yīng)用運(yùn)行符合預(yù)期。
發(fā)布應(yīng)用：完成開發(fā)和測試后，你可以將構(gòu)建好的 AI 應(yīng)用發(fā)布到你選擇的平臺或渠道，讓 AI 應(yīng)用被更多的用戶使用。
扣子平臺提供了一個(gè)線上的應(yīng)用集成開發(fā)環(huán)境 (IDE)。它支持可視化的編排方式和調(diào)試能力，使得 AI 應(yīng)用的開發(fā)變得更加快速和簡單，讓開發(fā)者能夠?qū)Ｗ⒂趧?chuàng)意和業(yè)務(wù)邏輯。
應(yīng)用集成開發(fā)環(huán)境由業(yè)務(wù)邏輯和用戶頁面兩個(gè)模塊組成。
業(yè)務(wù)邏輯模塊主要用于業(yè)務(wù)邏輯開發(fā)，包含資源列表和配置區(qū)域兩部分。
資源列表：資源列表中包含工作流、插件、知識庫、變量、數(shù)據(jù)庫功能。你可以使用項(xiàng)目所屬空間內(nèi)的已有資源，也可以新建資源。
在 AI 應(yīng)用項(xiàng)目中新建的資源，只能被這個(gè)應(yīng)用使用，無法與其他應(yīng)用共享。如果需要變成共享資源，需要進(jìn)行轉(zhuǎn)移?！?/p>
配置區(qū)域：你可以在配置區(qū)域?qū)?chuàng)建或添加的資源進(jìn)行配置和調(diào)試。支持左右分屏展示
用戶界面模塊
用戶界面模塊用于用戶頁面搭建，由組件列表、畫布和配置面板組成?！?/p>
組件:扣子提供了豐富的組件供你選擇?！?/p>
畫布:畫布支持組件的拖拉拽，并支持通過拉伸方式快速調(diào)整組件的大小?！?/p>
配置面板:在配置面板中，你可以通過屬性相關(guān)配置來調(diào)整組件樣式。通過事件綁定的方式實(shí)現(xiàn)業(yè)務(wù)邏輯與頁面組件之間的聯(lián)動(dòng)。例如，給一個(gè)按鈕組件綁定一個(gè)工作流的點(diǎn)擊事件。當(dāng)用戶點(diǎn)擊這個(gè)按鈕時(shí)，就會(huì)觸發(fā)工作流調(diào)用?！?/p>
隨著人工智能技術(shù)的不斷進(jìn)步，大模型在翻譯質(zhì)量、效率、上下文理解和多語言支持等方面表現(xiàn)出色。因此，越來越多的人開始使用大模型進(jìn)行文本翻譯，以提升效率，降低成本。
本教程詳細(xì)指導(dǎo)你如何在扣子平臺上完成一個(gè) AI 翻譯應(yīng)用的開發(fā)?！?/p>
這個(gè) AI 翻譯應(yīng)用支持用戶選擇目標(biāo)翻譯語言，在輸入文本內(nèi)容后，點(diǎn)擊開始翻譯就可以獲得到大模型的翻譯結(jié)果了?！?/p>
首先，你需要進(jìn)行應(yīng)用設(shè)計(jì)，規(guī)劃應(yīng)用的主體功能和用戶界面。
這個(gè) AI 翻譯應(yīng)用的核心功能是能夠滿足用戶的文本翻譯需求，并支持用戶選擇指定翻譯的語言。翻譯功能可以通過創(chuàng)建一個(gè)包含大模型節(jié)點(diǎn)的工作流來實(shí)現(xiàn)。
基于以上功能規(guī)劃，這個(gè)應(yīng)用的用戶界面會(huì)包含以下組件：
一個(gè)讓用戶可以輸入翻譯內(nèi)容的區(qū)域
一個(gè)讓用戶選擇翻譯語言的列表
一個(gè)翻譯按鈕來觸發(fā)翻譯操作
一個(gè)展示翻譯結(jié)果的內(nèi)容區(qū)域
完成主體功能設(shè)計(jì)和規(guī)劃后，就可以開始 AI 應(yīng)用搭建了。
首先，你需要?jiǎng)?chuàng)建一個(gè) AI 應(yīng)用項(xiàng)目。
AI 應(yīng)用項(xiàng)目支持使用工作流來完成復(fù)雜的業(yè)務(wù)邏輯編排，也支持使用數(shù)據(jù)庫、知識庫、插件等資源實(shí)現(xiàn)與本地?cái)?shù)據(jù)或線上數(shù)據(jù)的交互。此外，AI 應(yīng)用項(xiàng)目支持通過拖拉拽的方式搭建用戶界面，并且能夠?qū)崿F(xiàn)與業(yè)務(wù)邏輯的聯(lián)動(dòng)。
參考以下操作，創(chuàng)建 AI 應(yīng)用項(xiàng)目。
登錄扣子平臺。
在左側(cè)菜單欄，單擊工作空間。
選擇一個(gè)工作空間。
工作空間是各種資源和開發(fā)項(xiàng)目的集合。不同工作空間內(nèi)的數(shù)據(jù)和資源相互隔離。
在項(xiàng)目開發(fā)頁面，單擊創(chuàng)建，然后在彈出的頁面，選擇創(chuàng)建應(yīng)用。
在應(yīng)用模板頁面，單擊空白應(yīng)用。
輸入應(yīng)用名稱，并單擊圖標(biāo)旁的 AI 圖標(biāo)使用 AI 自動(dòng)生成一個(gè)圖標(biāo)。然后單擊確定。
應(yīng)用創(chuàng)建成功后，你會(huì)直接進(jìn)入到應(yīng)用的集成開發(fā)環(huán)境 (IDE)?！?/p>
創(chuàng)建完 AI 應(yīng)用項(xiàng)目后，你可以開始進(jìn)行業(yè)務(wù)邏輯編排了?？圩?提供了大模型、代碼、意圖識別、知識庫寫入與檢索等豐富的工作流節(jié)點(diǎn)，以滿足復(fù)雜的業(yè)務(wù)場景需求。此外，你還可以通過使用變量、插件、知識庫等方式與你的本地?cái)?shù)據(jù)和線上數(shù)據(jù)進(jìn)行集成。
本教程中的 AI 翻譯應(yīng)用，主要是使用大模型實(shí)現(xiàn)多語言翻譯，所以只需要?jiǎng)?chuàng)建一個(gè)包含大模型節(jié)點(diǎn)的工作流即可。
參考以下步驟，創(chuàng)建一個(gè)實(shí)現(xiàn)翻譯功能的工作流。
在業(yè)務(wù)邏輯頁面，找到工作流，然后單擊 + > 新建工作流。
輸入工作流名稱和說明，然后單擊確認(rèn)。(工作流名稱只支持字母、數(shù)字和下劃線，且必須以字母開頭)
單擊開始節(jié)點(diǎn)進(jìn)行配置。開始節(jié)點(diǎn)用于設(shè)定啟動(dòng)工作流需要的信息。
本場景中，用戶需要提供要翻譯的內(nèi)容和目標(biāo)語言，所以需要配置兩個(gè)對應(yīng)的輸入?yún)?shù)。
在輸入?yún)^(qū)域，單擊 + 圖標(biāo)，配置第一個(gè)變量 (content) 用于傳入用戶要翻譯的內(nèi)容。
再次單擊單擊 + 圖標(biāo)。輸入第二個(gè)變量 (lang) 用來指定目標(biāo)語言。
單擊大模型節(jié)點(diǎn)進(jìn)行配置。
在模型區(qū)域，展開模型列表，選擇用來執(zhí)行翻譯任務(wù)的大模型。本教程中選擇豆包 Function call 模型，并使用模型默認(rèn)配置。
如果你想調(diào)整模型配置，單擊配置圖標(biāo)?！?/p>
配置輸入?yún)?shù)，這些輸入?yún)?shù)可以在模型提示詞中使用。
本教程中需要將用戶輸入的譯文內(nèi)容和目標(biāo)語言添加到提示詞中，讓模型按照用戶選擇的語言進(jìn)行翻譯。所以需要配置兩個(gè)輸入?yún)?shù)。
單擊輸入區(qū)域的+圖標(biāo)，然后點(diǎn)擊對應(yīng)的設(shè)置圖標(biāo)，選擇開始節(jié)點(diǎn)中配置的變量。
重復(fù)上述操作，再添加將目標(biāo)語言的這個(gè)變量。
刪除不需要的輸入信息，確保輸入中只包含下圖中的這兩個(gè)參數(shù)?！?/p>
在系統(tǒng)提示詞區(qū)域，輸入以下內(nèi)容作為系統(tǒng)提示詞。
系統(tǒng)提示詞是一組指示模型行為和功能范圍的指令，可以包括如何提問、如何提供信息、如何請求特定功能等。系統(tǒng)提示詞也用于設(shè)定對話的邊界，比如告知用戶哪些類型的問題或請求是不被接受的?！?/p>
你是一個(gè)專業(yè)的翻譯官，能夠準(zhǔn)確地將用戶輸入的內(nèi)容翻譯成目標(biāo)語言，不進(jìn)行隨意擴(kuò)寫。
技能
當(dāng)用戶提供一段文本時(shí)，迅速將其翻譯成目標(biāo)語言。
確保翻譯的準(zhǔn)確性和流暢性。
只進(jìn)行翻譯工作，不回答與翻譯無關(guān)的問題。
嚴(yán)格按照用戶要求的目標(biāo)語言進(jìn)行翻譯，不得擅自更改。
用戶提示詞區(qū)域，輸入用戶提示詞。
用戶提示詞通常是直接的命令，告訴模型要執(zhí)行的任務(wù)或意圖。例如“幫我翻譯下這段內(nèi)容”，指令越清晰，模型的輸出也更貼近你的實(shí)際需求。
首先輸入以下內(nèi)容。
{將用戶輸入的內(nèi)容翻譯成目標(biāo)語言}
因?yàn)椴煌脩籼峁┑姆g內(nèi)容，選擇的目標(biāo)語言都不同，所以需要將譯文內(nèi)容和目標(biāo)語言使用輸入變量來指代，這樣就可以在運(yùn)行時(shí)替換成真實(shí)的用戶需求?！?/p>
在”內(nèi)容”文字后輸入{，然后選擇指代翻譯內(nèi)容的變量。（如果你沒有可用的變量，請檢查是否按照教程配置了模型節(jié)點(diǎn)的輸入變量)
重復(fù)上述方法，添加目標(biāo)語言變量。
在輸出區(qū)域，將輸出格式配置為文本，使用默認(rèn)配置的output變量。
重復(fù)上述方法，添加目標(biāo)語言變量。
在輸出區(qū)域，將輸出格式配置為文本，使用默認(rèn)配置的output變量。
連接大模型節(jié)點(diǎn)與結(jié)束節(jié)點(diǎn)，然后選擇結(jié)束節(jié)點(diǎn)進(jìn)行配置。
在回答內(nèi)容文本框中輸入{{output}}，使用大模型的翻譯內(nèi)容作為最終的回復(fù)。
至此，你已經(jīng)完成整個(gè)工作流的搭建。
如果不符合預(yù)期，你可以逐一檢查每個(gè)節(jié)點(diǎn)的輸出結(jié)果?！?/p>
在完成業(yè)務(wù)邏輯搭建并通過測試后，你就可以開始用戶界面搭建了?！?nbsp;
扣子提供了可視化的用戶界面搭建能力，你可以通過拖拉拽的方式搭建一個(gè)用戶界面，無需寫一行代碼。
參考以下操作，搭建翻譯應(yīng)用的用戶界面。
翻譯頁面由3個(gè)塊級組成，具體使用的組件和配置請參考下表?！?/p>
整體上 AI 翻譯應(yīng)用的用戶界面由上下兩個(gè)部分組成。
想要實(shí)現(xiàn)這樣的頁面結(jié)構(gòu)就需要使用容器組件。容器組件是用來進(jìn)行頁面布局的，可以把頁面劃分成不同的區(qū)域和排列順序。容器組件中可以添加其他各種組件例如文本組件、按鈕組件等。
參考以下操作，完成頁面布局：
至此，我們就完成了這個(gè)翻譯應(yīng)用的頁面結(jié)構(gòu)搭建?！?/p>
未寫明清楚之處，大家可以查閱官方文檔，了解應(yīng)用開發(fā)
在本次的更新中不會(huì)導(dǎo)致之前的流程出現(xiàn)問題，都已經(jīng)完成轉(zhuǎn)換
