金磊 發(fā)自 上海

量子位 | 公眾號(hào) QbitAI

什么？？？

聽(tīng)說(shuō)有人連一行代碼都不會(huì)敲，竟然開(kāi)發(fā)了個(gè)產(chǎn)品，然后還靠著它營(yíng)收破百萬(wàn)……

你沒(méi)看錯(cuò)，這是真人真事。

而且是火山引擎總裁譚待在自家發(fā)布會(huì)上親口說(shuō)的：

這位零編程經(jīng)驗(yàn)者之所以能開(kāi)發(fā)產(chǎn)品，所憑借的power正是來(lái)自AI大模型。

嗯，確實(shí)是一位妥妥的大模型時(shí)代的個(gè)人創(chuàng)業(yè)者了。

這個(gè)AI Power，正如譚待所介紹的，是來(lái)自字節(jié)跳動(dòng)的AI應(yīng)用開(kāi)發(fā)平臺(tái)——扣子（coze.cn）。

而現(xiàn)在，扣子已經(jīng)升級(jí)到了1.5版本，不敲一行代碼就能直接開(kāi)發(fā)AI應(yīng)用。

劃重點(diǎn)：是完完整整、包括前后端的那種，而且僅需三步！

第一步：梳理業(yè)務(wù)邏輯。

第二步：拖拽式設(shè)計(jì)UI。

第三步：選平臺(tái)和形式，發(fā)布！

就這么簡(jiǎn)單，一個(gè)科研寫作助手的AI應(yīng)用就搞定了。

再例如開(kāi)發(fā)一個(gè)小程序，現(xiàn)在也只需要拖拖拽拽即可：

據(jù)了解，扣子1.5可以通過(guò)這種拖拽的方法，直接發(fā)布為小程序（抖音、微信）、H5、API等多種的應(yīng)用形態(tài)。

由此，開(kāi)發(fā)一個(gè)AI應(yīng)用，就變成有想法就可以的事情；更是讓《人人都是產(chǎn)品經(jīng)理》走進(jìn)現(xiàn)實(shí)。

那么接下來(lái)……

沒(méi)錯(cuò)！咱立馬開(kāi)整一個(gè)AI應(yīng)用！

手把手開(kāi)發(fā)一個(gè)AI應(yīng)用

1、創(chuàng)建應(yīng)用

先來(lái)介紹一下入口。

進(jìn)入扣子的主頁(yè)之后，點(diǎn)擊左側(cè)菜單欄中的“+”，就能看到如下兩個(gè)選項(xiàng)：

點(diǎn)擊“創(chuàng)建應(yīng)用”之后，就能看到各式各樣、適合不同場(chǎng)景的應(yīng)用模板：

我們要開(kāi)發(fā)的AI應(yīng)用是一款fashion的海報(bào)生成器，因此取名為“海報(bào)不潮不要錢”（圖標(biāo)logo是可以自動(dòng)生成的哦）：

接下來(lái)，我們就進(jìn)入到了剛才提到的第一步——搭建業(yè)務(wù)邏輯。

先新建工作流，填寫工作流相應(yīng)的名稱：

2.1、新建工作流：開(kāi)始節(jié)點(diǎn)

然后根據(jù)生成海報(bào)的流程，我們?cè)?strong>“開(kāi)始”（工作流起始節(jié)點(diǎn)）中設(shè)置幾個(gè)必要且基本的參數(shù)：

• 輸入：填寫要生成海報(bào)的需求
• 比例：選擇生成海報(bào)的比例
• 風(fēng)格：選擇生成海報(bào)的風(fēng)格

2.2、新建工作流：大模型節(jié)點(diǎn)

基礎(chǔ)設(shè)置完畢后，我們就可以為此添加大模型了：

基于這個(gè)任務(wù)的需求，我們pick一下剛升級(jí)的豆包·通用模型Pro：

在大模型節(jié)點(diǎn)的輸入部分，我們將開(kāi)始節(jié)點(diǎn)的各類參數(shù)與之關(guān)聯(lián)起來(lái)：

下面的這個(gè)步驟比較重要。

我們先來(lái)給大模型設(shè)置系統(tǒng)提示詞：

再來(lái)設(shè)置用戶提示詞的部分。

2.3、新建工作流：結(jié)束節(jié)點(diǎn)

在選填完上面的設(shè)置項(xiàng)之后，大模型節(jié)點(diǎn)就算是搞定了，然后我們用鼠標(biāo)就可以把它跟“結(jié)束節(jié)點(diǎn)”連接到一起：

這里的設(shè)置就非常簡(jiǎn)單了，直接pick大模型節(jié)點(diǎn)的輸入即可：

最終完整的工作流長(zhǎng)這樣：

我們也可以提前試運(yùn)行一下這個(gè)工作流，可以點(diǎn)擊“展開(kāi)結(jié)果”來(lái)查看詳情：

值得注意的是，豆包最新發(fā)布的大模型，包括豆包·視覺(jué)理解模型、文生圖2.1和升級(jí)的音樂(lè)模型等，在扣子已經(jīng)都可以第一時(shí)間通過(guò)插件的方式體驗(yàn)到嘍~

3、搭建用戶界面

工作流設(shè)置完畢，就到了App應(yīng)用圖形界面設(shè)置的環(huán)節(jié)。

主要分為“小程序和H5”、“桌面網(wǎng)頁(yè)”兩大類，在這個(gè)測(cè)試案例中，我們選擇后者：

在這一步驟中，比較重要的一點(diǎn)就是善用布局組件——容器。

可以根據(jù)你的想法，把頁(yè)面劃分為數(shù)個(gè)板塊，容器可以一層嵌套一層，根據(jù)需要調(diào)節(jié)組件在容器中橫向縱向排布等各種細(xì)節(jié)信息：

布局完畢之后，我們就可以把用戶界面跟工作流做一個(gè)聯(lián)動(dòng)了——添加事件。

例如我們點(diǎn)擊“立即生成”這個(gè)按鈕，然后為其添加新的事件：

1. 點(diǎn)擊新建
2. 執(zhí)行動(dòng)作：調(diào)用工作流（選擇我們建好的）
3. 點(diǎn)擊任意參數(shù)后面的擴(kuò)展按鈕
4. 選擇對(duì)應(yīng)參數(shù)內(nèi)容的組件
5. 給每個(gè)參數(shù)重復(fù)3-4步驟

事件設(shè)置完畢后，我們可以點(diǎn)擊“預(yù)覽”來(lái)查看效果。

即便我們?cè)谠O(shè)計(jì)UI界面的時(shí)候沒(méi)有思路也是不用擔(dān)心，因?yàn)榭圩?.5已經(jīng)上線了超多的模板可選擇，隨意pick一款就能秒用。

4、一鍵發(fā)布

在試運(yùn)行、預(yù)覽無(wú)誤之后，我們就可以點(diǎn)擊主界面右上角的“發(fā)布”來(lái)到最后一步。

在填寫完信息、選擇發(fā)布平臺(tái)后，啪的一下，就可以上線AI應(yīng)用了！

以上就是用扣子1.5開(kāi)發(fā)一個(gè)AI應(yīng)用的基本流程了。

從整個(gè)過(guò)程中我們不難看出，現(xiàn)在開(kāi)發(fā)一個(gè)App，真的就是拖拖拽拽就可以的事情。

尤其是在用戶界面的部分，正是得益于扣子此次升級(jí)的UI Builder，一口氣更新了17個(gè)UI組件**，終于不再只有一來(lái)一回的對(duì)話式交互了。

引入U(xiǎn)I的設(shè)計(jì)后，能夠直觀地展示功能模塊或操作路徑，像我們剛才操作“容器”的時(shí)候，若是用對(duì)話方式……嗯，那是相當(dāng)?shù)穆闊?/span>

主要特點(diǎn)如下：

• 各種圖生圖、圖文創(chuàng)作及文件總結(jié)，無(wú)需多輪對(duì)話式交互，通過(guò)上傳框或輸入框結(jié)合展示區(qū)即可實(shí)現(xiàn)。
• 功能頁(yè)面可以通過(guò)導(dǎo)航欄直接切換，無(wú)需依賴自然語(yǔ)言指令來(lái)切換場(chǎng)景。
• 利用開(kāi)關(guān)、下拉菜單和數(shù)值輸入框等控件，更規(guī)范用戶輸入，避免因不穩(wěn)定輸入導(dǎo)致模型執(zhí)行異常，同時(shí)支持通過(guò)表單一次性完成多個(gè)輸入。
• 通過(guò)按鈕等組件直接觸發(fā)事件，精準(zhǔn)調(diào)用工作流，無(wú)需依賴模型進(jìn)行函數(shù)調(diào)用。

不僅如此，扣子1.5還支持像Figma一樣的無(wú)限畫布：

由于我們剛才實(shí)操的是基本流程，那么最終能呈現(xiàn)出來(lái)的效果，我們不妨以官方出品的“營(yíng)銷海報(bào)生成”來(lái)做展示。

例如我們輸入Prompt：

關(guān)于圣誕節(jié)的海報(bào)，有“圣誕快樂(lè)”四個(gè)漢字，動(dòng)畫手稿，賽博朋克光，魚眼鏡頭，9:16。

還有這種可以通過(guò)語(yǔ)音對(duì)話來(lái)生成圖片的AI應(yīng)用：

不難看出，這些App的功能更加復(fù)雜也更加實(shí)用，但無(wú)論再多功能，現(xiàn)在都可以不敲一行代碼、拖拖拽拽來(lái)解決了。

和府撈面、蘇泊爾都在用

除了操作上的簡(jiǎn)便之外，另一個(gè)讓人比較意外的事情是，我們耳熟能詳?shù)谋姸嗥髽I(yè)都在用扣子。

例如和府撈面，就已經(jīng)拿扣子開(kāi)發(fā)了顧客點(diǎn)評(píng)分析智能體，用它來(lái)對(duì)用戶評(píng)論數(shù)據(jù)進(jìn)行情感分析。

具體來(lái)說(shuō)，這個(gè)智能體在上崗和府撈面的門店之后，建立了對(duì)顧客的高效洞察，由此支撐了菜品、服務(wù)等方面的策略優(yōu)化。

扣子開(kāi)發(fā)的智能體還進(jìn)軍了硬件，蘇泊爾就是一個(gè)例子。

通過(guò)Coze的靈活編排能力，讓蘇泊爾快速驗(yàn)證業(yè)務(wù)模式，打造出了云饌食譜創(chuàng)作、云饌AI尋味等多個(gè)智能體，API方式嵌入到App和IoT產(chǎn)品。

并且基于語(yǔ)音OpenAPI還實(shí)現(xiàn)了智能硬件實(shí)時(shí)語(yǔ)音交互，有效提升開(kāi)發(fā)效率和產(chǎn)品特性。

就連中科大也在用扣子開(kāi)發(fā)便于科學(xué)寫作實(shí)驗(yàn)的智能體。

而據(jù)官方披露的數(shù)據(jù)，扣子已經(jīng)成為AI時(shí)代開(kāi)發(fā)者首選的應(yīng)用開(kāi)發(fā)平臺(tái)，擁有超過(guò)100萬(wàn)活躍開(kāi)發(fā)者，發(fā)布了超過(guò)200萬(wàn)個(gè)智能體。

由此可見(jiàn)，字節(jié)的扣子已經(jīng)在開(kāi)發(fā)AI應(yīng)用這事兒扎根到了各行各業(yè)，從用戶體量和市場(chǎng)反饋來(lái)看，也是一種對(duì)其實(shí)力的認(rèn)可。

總而言之，AI時(shí)代的開(kāi)發(fā)，現(xiàn)在真的就是有夢(mèng)想即可成真的事兒了。

One More Thing

在昨天落幕的首屆扣子開(kāi)發(fā)者日中，我們開(kāi)頭提到的那位“百萬(wàn)級(jí)營(yíng)收者”——羅文，也來(lái)到現(xiàn)場(chǎng)做了分享。

羅文最初是發(fā)現(xiàn)GPTs這樣的智能體雖然好用，但沒(méi)法聯(lián)動(dòng)起來(lái)；更重要的是很多類似的產(chǎn)品學(xué)起來(lái)是有些費(fèi)勁的。

而在去年年底，他無(wú)意間接觸到了扣子（海外版），發(fā)現(xiàn)既好用又好上手；到了今年扣子國(guó)內(nèi)版上線，羅文便開(kāi)始了他更多的創(chuàng)作。

到現(xiàn)在，他的工作流被復(fù)制了2.2萬(wàn)次，粉絲量有3.7K，制作的Bot收藏率達(dá)到了18%。

正如他演講的題目那般，或許在AI大模型時(shí)代下創(chuàng)業(yè)，專注固然重要，選擇也不可忽視。

最后，文末附上扣子的地址和一些開(kāi)發(fā)教程，感興趣的小伙伴可以去嘗鮮嘍~

扣子地址：
coze.cn

扣子開(kāi)發(fā)教程：
[1]https://www.coze.cn/docs/guides/publish_overview
[2]https://www.coze.cn/docs/guides/build_project_in_projectide
[3]https://www.coze.cn/docs/guides/ui_builder_overview
[4]https://www.coze.cn/docs/guides/workflow
[5]https://www.coze.cn/docs/guides/publish_overview

量子位 QbitAI · 頭條號(hào)簽約

關(guān)注我們，第一時(shí)間獲知前沿科技動(dòng)態(tài)