大家好！我是艦長　

10個小時前，Coze官方的一則最新通告，讓人很特別驚喜?？圩涌梢灾苯討?yīng)用開發(fā)，應(yīng)用拖拉拽的方式，讓無代碼基礎(chǔ)的同學(xué)，也可以搭建屬于自己的AI應(yīng)用，并不只限于在扣子界面進(jìn)行互動. 

[今日文章內(nèi)容全部引用扣子官網(wǎng)文檔]

https://s./t/Chm0v_Ljlr45UKEg/

一站式 AI 應(yīng)用開發(fā)

扣子平臺現(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ù)邏輯由編排好的工作流實現(xiàn)，同時可通過變量、插件、知識庫、數(shù)據(jù)庫等方式靈活地與本地或線上數(shù)據(jù)進(jìn)行交互。此外，扣子提供了豐富的頁面組件和可視化的編排能力，讓你無需寫一行代碼就可以快速搭建出用戶界面。 　

扣子還提供了一系列應(yīng)用模板，用于復(fù)制和體驗，以便快速上手。以 AI 英語寫作練習(xí)助手為例，這是一個通過扣子平臺搭建的應(yīng)用，可以使用 AI 能力生成英語寫作題目并批改文章，支持查看答題歷史?！?/p>

AI 應(yīng)用是指利用大模型技術(shù)開發(fā)的應(yīng)用程序，這些應(yīng)用程序能夠使用大模型，執(zhí)行復(fù)雜任務(wù)，分析數(shù)據(jù)，并作出決策。例如 AI 搜索 和 AI 翻譯等?！?/p>

開發(fā)流程

扣子平臺提供了一個高效快捷的方式開發(fā)具有復(fù)雜交互功能的 AI 應(yīng)用?！?/p>

一個 AI 應(yīng)用的開發(fā)流程如下： 　

1. 創(chuàng)建 AI 應(yīng)用項目：首先，你需要在扣子平臺上創(chuàng)建一個 AI 應(yīng)用項目。項目創(chuàng)建完成后，你會自動進(jìn)入集成開發(fā)環(huán)境（IDE）。這是你進(jìn)行業(yè)務(wù)邏輯編排和應(yīng)用配置的主要場所。

2. 編排業(yè)務(wù)邏輯：你可以使用工作流來編排業(yè)務(wù)邏輯，并通過變量、插件、知識庫、數(shù)據(jù)庫等方式靈活的方式與本地數(shù)據(jù)或線上數(shù)據(jù)進(jìn)行交互。

扣子還提供了試運行能力，方便你在開發(fā)的時候進(jìn)行調(diào)試。 　

1. 設(shè)計用戶界面: 扣子提供了豐富的組件和可視化的編排能力，支持以“拖、拉、拽”的方式快速構(gòu)建應(yīng)用，實現(xiàn)了所見即所得的應(yīng)用開發(fā)體驗。這種方式大大簡化了界面開發(fā)過程，使得即使是非專業(yè)開發(fā)者也能輕松上手。

扣子頁面組件支持與開發(fā)資源的數(shù)據(jù)和事件進(jìn)行綁定，快速實現(xiàn)前后端數(shù)據(jù)的聯(lián)動。 　

1. 測試應(yīng)用：扣子提供了預(yù)覽能力，你可以通過預(yù)覽，進(jìn)行實時測試。確保應(yīng)用運行符合預(yù)期。

2. 發(fā)布應(yīng)用：完成開發(fā)和測試后，你可以將構(gòu)建好的 AI 應(yīng)用發(fā)布到你選擇的平臺或渠道，讓 AI 應(yīng)用被更多的用戶使用。

開發(fā)環(huán)境

扣子平臺提供了一個線上的應(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ù)邏輯和用戶頁面兩個模塊組成。 　

業(yè)務(wù)邏輯模塊

業(yè)務(wù)邏輯模塊主要用于業(yè)務(wù)邏輯開發(fā)，包含資源列表和配置區(qū)域兩部分。 　

• 資源列表：資源列表中包含工作流、插件、知識庫、變量、數(shù)據(jù)庫功能。你可以使用項目所屬空間內(nèi)的已有資源，也可以新建資源。

在 AI 應(yīng)用項目中新建的資源，只能被這個應(yīng)用使用，無法與其他應(yīng)用共享。如果需要變成共享資源，需要進(jìn)行轉(zhuǎn)移?！?/p>

• 配置區(qū)域：你可以在配置區(qū)域?qū)?chuàng)建或添加的資源進(jìn)行配置和調(diào)試。支持左右分屏展示

用戶界面模塊　

用戶界面模塊用于用戶頁面搭建，由組件列表、畫布和配置面板組成。　

組件:扣子提供了豐富的組件供你選擇?！?/p>

畫布:畫布支持組件的拖拉拽，并支持通過拉伸方式快速調(diào)整組件的大小。　

配置面板:在配置面板中，你可以通過屬性相關(guān)配置來調(diào)整組件樣式。通過事件綁定的方式實現(xiàn)業(yè)務(wù)邏輯與頁面組件之間的聯(lián)動。例如，給一個按鈕組件綁定一個工作流的點擊事件。當(dāng)用戶點擊這個按鈕時，就會觸發(fā)工作流調(diào)用?！?/p>

開發(fā)一個 AI 翻譯應(yīng)用

隨著人工智能技術(shù)的不斷進(jìn)步，大模型在翻譯質(zhì)量、效率、上下文理解和多語言支持等方面表現(xiàn)出色。因此，越來越多的人開始使用大模型進(jìn)行文本翻譯，以提升效率，降低成本。 　

本教程詳細(xì)指導(dǎo)你如何在扣子平臺上完成一個 AI 翻譯應(yīng)用的開發(fā)。　

AI 翻譯應(yīng)用介紹

這個 AI 翻譯應(yīng)用支持用戶選擇目標(biāo)翻譯語言，在輸入文本內(nèi)容后，點擊開始翻譯就可以獲得到大模型的翻譯結(jié)果了。　

步驟一：設(shè)計你的應(yīng)用功能

首先，你需要進(jìn)行應(yīng)用設(shè)計，規(guī)劃應(yīng)用的主體功能和用戶界面。 　

這個 AI 翻譯應(yīng)用的核心功能是能夠滿足用戶的文本翻譯需求，并支持用戶選擇指定翻譯的語言。翻譯功能可以通過創(chuàng)建一個包含大模型節(jié)點的工作流來實現(xiàn)。 　

基于以上功能規(guī)劃，這個應(yīng)用的用戶界面會包含以下組件： 　

• 一個讓用戶可以輸入翻譯內(nèi)容的區(qū)域

• 一個讓用戶選擇翻譯語言的列表

• 一個翻譯按鈕來觸發(fā)翻譯操作

• 一個展示翻譯結(jié)果的內(nèi)容區(qū)域

完成主體功能設(shè)計和規(guī)劃后，就可以開始 AI 應(yīng)用搭建了。 　

步驟二：創(chuàng)建 AI 應(yīng)用項目

首先，你需要創(chuàng)建一個 AI 應(yīng)用項目。 　

AI 應(yīng)用項目支持使用工作流來完成復(fù)雜的業(yè)務(wù)邏輯編排，也支持使用數(shù)據(jù)庫、知識庫、插件等資源實現(xiàn)與本地數(shù)據(jù)或線上數(shù)據(jù)的交互。此外，AI 應(yīng)用項目支持通過拖拉拽的方式搭建用戶界面，并且能夠?qū)崿F(xiàn)與業(yè)務(wù)邏輯的聯(lián)動。 　

參考以下操作，創(chuàng)建 AI 應(yīng)用項目。 　

1. 登錄扣子平臺。

2. 在左側(cè)菜單欄，單擊工作空間。

3. 選擇一個工作空間。

工作空間是各種資源和開發(fā)項目的集合。不同工作空間內(nèi)的數(shù)據(jù)和資源相互隔離。 　

1. 在項目開發(fā)頁面，單擊創(chuàng)建，然后在彈出的頁面，選擇創(chuàng)建應(yīng)用。

1. 在應(yīng)用模板頁面，單擊空白應(yīng)用。

2. 輸入應(yīng)用名稱，并單擊圖標(biāo)旁的 AI 圖標(biāo)使用 AI 自動生成一個圖標(biāo)。然后單擊確定。

應(yīng)用創(chuàng)建成功后，你會直接進(jìn)入到應(yīng)用的集成開發(fā)環(huán)境 (IDE)。　

步驟三：編排業(yè)務(wù)邏輯

創(chuàng)建完 AI 應(yīng)用項目后，你可以開始進(jìn)行業(yè)務(wù)邏輯編排了?？圩?提供了大模型、代碼、意圖識別、知識庫寫入與檢索等豐富的工作流節(jié)點，以滿足復(fù)雜的業(yè)務(wù)場景需求。此外，你還可以通過使用變量、插件、知識庫等方式與你的本地數(shù)據(jù)和線上數(shù)據(jù)進(jìn)行集成。 　

本教程中的 AI 翻譯應(yīng)用，主要是使用大模型實現(xiàn)多語言翻譯，所以只需要創(chuàng)建一個包含大模型節(jié)點的工作流即可。 　

參考以下步驟，創(chuàng)建一個實現(xiàn)翻譯功能的工作流。 　

1. 在業(yè)務(wù)邏輯頁面，找到工作流，然后單擊 + > 新建工作流。

1. 輸入工作流名稱和說明，然后單擊確認(rèn)。(工作流名稱只支持字母、數(shù)字和下劃線，且必須以字母開頭)

1. 單擊開始節(jié)點進(jìn)行配置。開始節(jié)點用于設(shè)定啟動工作流需要的信息。

本場景中，用戶需要提供要翻譯的內(nèi)容和目標(biāo)語言，所以需要配置兩個對應(yīng)的輸入?yún)?shù)。 　

1. 在輸入?yún)^(qū)域，單擊 + 圖標(biāo)，配置第一個變量 (content) 用于傳入用戶要翻譯的內(nèi)容。

2. 再次單擊單擊 + 圖標(biāo)。輸入第二個變量 (lang) 用來指定目標(biāo)語言。

1. 單擊大模型節(jié)點進(jìn)行配置。

1. 在模型區(qū)域，展開模型列表，選擇用來執(zhí)行翻譯任務(wù)的大模型。本教程中選擇豆包 Function call 模型，并使用模型默認(rèn)配置。

如果你想調(diào)整模型配置，單擊配置圖標(biāo)。　

1. 配置輸入?yún)?shù)，這些輸入?yún)?shù)可以在模型提示詞中使用。

本教程中需要將用戶輸入的譯文內(nèi)容和目標(biāo)語言添加到提示詞中，讓模型按照用戶選擇的語言進(jìn)行翻譯。所以需要配置兩個輸入?yún)?shù)。 　

1. 單擊輸入區(qū)域的+圖標(biāo)，然后點擊對應(yīng)的設(shè)置圖標(biāo)，選擇開始節(jié)點中配置的變量。

1. 重復(fù)上述操作，再添加將目標(biāo)語言的這個變量。

刪除不需要的輸入信息，確保輸入中只包含下圖中的這兩個參數(shù)?！?/p>

1. 在系統(tǒng)提示詞區(qū)域，輸入以下內(nèi)容作為系統(tǒng)提示詞。

系統(tǒng)提示詞是一組指示模型行為和功能范圍的指令，可以包括如何提問、如何提供信息、如何請求特定功能等。系統(tǒng)提示詞也用于設(shè)定對話的邊界，比如告知用戶哪些類型的問題或請求是不被接受的?！?/p>

角色

你是一個專業(yè)的翻譯官，能夠準(zhǔn)確地將用戶輸入的內(nèi)容翻譯成目標(biāo)語言，不進(jìn)行隨意擴寫。 

技能

技能 1：翻譯文本

1. 當(dāng)用戶提供一段文本時，迅速將其翻譯成目標(biāo)語言。

2. 確保翻譯的準(zhǔn)確性和流暢性。

限制：

• 只進(jìn)行翻譯工作，不回答與翻譯無關(guān)的問題。

• 嚴(yán)格按照用戶要求的目標(biāo)語言進(jìn)行翻譯，不得擅自更改。

用戶提示詞區(qū)域，輸入用戶提示詞。 　

用戶提示詞通常是直接的命令，告訴模型要執(zhí)行的任務(wù)或意圖。例如“幫我翻譯下這段內(nèi)容”，指令越清晰，模型的輸出也更貼近你的實際需求。 　

1. 首先輸入以下內(nèi)容。

{將用戶輸入的內(nèi)容翻譯成目標(biāo)語言}　

因為不同用戶提供的翻譯內(nèi)容，選擇的目標(biāo)語言都不同，所以需要將譯文內(nèi)容和目標(biāo)語言使用輸入變量來指代，這樣就可以在運行時替換成真實的用戶需求?！?/p>

在”內(nèi)容”文字后輸入{，然后選擇指代翻譯內(nèi)容的變量。（如果你沒有可用的變量，請檢查是否按照教程配置了模型節(jié)點的輸入變量)　

1. 重復(fù)上述方法，添加目標(biāo)語言變量。

1. 在輸出區(qū)域，將輸出格式配置為文本，使用默認(rèn)配置的output變量。

1. 重復(fù)上述方法，添加目標(biāo)語言變量。

1. 在輸出區(qū)域，將輸出格式配置為文本，使用默認(rèn)配置的output變量。

1. 連接大模型節(jié)點與結(jié)束節(jié)點，然后選擇結(jié)束節(jié)點進(jìn)行配置。

   

   在回答內(nèi)容文本框中輸入{{output}}，使用大模型的翻譯內(nèi)容作為最終的回復(fù)。 　

   

   至此，你已經(jīng)完成整個工作流的搭建。 　

   
   

   如果不符合預(yù)期，你可以逐一檢查每個節(jié)點的輸出結(jié)果?！?/p>

   

   在完成業(yè)務(wù)邏輯搭建并通過測試后，你就可以開始用戶界面搭建了?！?nbsp;                                                                                                

   步驟四：搭建用戶界面      

   扣子提供了可視化的用戶界面搭建能力，你可以通過拖拉拽的方式搭建一個用戶界面，無需寫一行代碼。 　

   參考以下操作，搭建翻譯應(yīng)用的用戶界面。 　

   翻譯頁面由3個塊級組成，具體使用的組件和配置請參考下表。　

        

                                   4.1 搭建頁面結(jié)構(gòu)

   整體上 AI 翻譯應(yīng)用的用戶界面由上下兩個部分組成。 　

   想要實現(xiàn)這樣的頁面結(jié)構(gòu)就需要使用容器組件。容器組件是用來進(jìn)行頁面布局的，可以把頁面劃分成不同的區(qū)域和排列順序。容器組件中可以添加其他各種組件例如文本組件、按鈕組件等。 　

   參考以下操作，完成頁面布局： 　

   
   
   
   
   
   
   
   

   至此，我們就完成了這個翻譯應(yīng)用的頁面結(jié)構(gòu)搭建?！?/p>

未寫明清楚之處，大家可以查閱官方文檔，了解應(yīng)用開發(fā)