鳳凰科技 2024-12-21 01:33:28 2
什麼???
聽說有人連一行程式碼都不會敲,竟然開發了個產品,然後還靠著它營收破百萬……
你沒看錯,這是真人真事。
而且是火山引擎總裁譚待在自家釋出會上親口說的:
這位零程式設計經驗者之所以能開發產品,所憑藉的power正是來自AI大模型。
嗯,確實是一位妥妥的大模型時代的個人創業者了
。
這個AI Power,正如譚待所介紹的,是來自位元組跳動的AI應用開發平臺——釦子(coze.cn)。
而現在,釦子已經升級到了1.5版本,不敲一行程式碼就能直接開發AI應用。
劃重點:是完完整整、包括前後端的那種,而且僅需三步!
第一步:梳理業務邏輯。
第二步:拖拽式設計UI。
第三步:選平臺和形式,釋出!
就這麼簡單,一個科研寫作助手的AI應用就搞定了。
再例如開發一個小程式,現在也只需要拖拖拽拽即可:
據瞭解,釦子1.5可以透過這種拖拽的方法,直接釋出為小程式(抖音、微信)、H5、API等多種的應用形態。
由此,開發一個AI應用,就變成有想法就可以的事情;更是讓《人人都是產品經理》走進現實。
那麼接下來……
沒錯!咱立馬開整一個AI應用!
手把手開發一個AI應用
1、建立應用
先來介紹一下入口。
進入釦子的主頁之後,點選左側選單欄中的“+”,就能看到如下兩個選項:
點選“建立應用”之後,就能看到各式各樣、適合不同場景的應用模板:
我們要開發的AI應用是一款fashion的海報生成器,因此取名為“海報不潮不要錢”(圖示logo是可以自動生成的哦):
接下來,我們就進入到了剛才提到的第一步——搭建業務邏輯。
先新建工作流,填寫工作流相應的名稱:
2.1、新建工作流:開始節點
然後根據生成海報的流程,我們在“開始”(工作流起始節點)中設定幾個必要且基本的引數:
輸入:填寫要生成海報的需求
比例:選擇生成海報的比例
風格:選擇生成海報的風格
2.2、新建工作流:大模型節點
基礎設定完畢後,我們就可以為此新增大模型了:
基於這個任務的需求,我們pick一下剛升級的豆包·通用模型Pro:
在大模型節點的輸入部分,我們將開始節點的各類引數與之關聯起來:
下面的這個步驟比較重要。
我們先來給大模型設定系統提示詞:
再來設定使用者提示詞的部分。
2.3、新建工作流:結束節點
在選填完上面的設定項之後,大模型節點就算是搞定了,然後我們用滑鼠就可以把它跟“結束節點”連線到一起:
這裡的設定就非常簡單了,直接pick大模型節點的輸入即可:
最終完整的工作流長這樣:
我們也可以提前試執行一下這個工作流,可以點選“展開結果”來檢視詳情:
值得注意的是,豆包最新發布的大模型,包括豆包·視覺理解模型、文生圖2.1和升級的音樂模型等,在釦子已經都可以第一時間透過外掛的方式體驗到嘍~
3、搭建使用者介面
工作流設定完畢,就到了App應用圖形介面設定的環節。
主要分為“小程式和H5”、“桌面網頁”兩大類,在這個測試案例中,我們選擇後者:
在這一步驟中,比較重要的一點就是善用佈局元件——容器。
可以根據你的想法,把頁面劃分為數個板塊,容器可以一層巢狀一層,根據需要調節元件在容器中橫向縱向排布等各種細節資訊:
佈局完畢之後,我們就可以把使用者介面跟工作流做一個聯動了——新增事件。
例如我們點選“立即生成”這個按鈕,然後為其新增新的事件:
點選新建
執行動作:呼叫工作流(選擇我們建好的)
點選任意引數後面的擴充套件按鈕
選擇對應引數內容的元件
給每個引數重複3-4步驟
事件設定完畢後,我們可以點選“預覽”來檢視效果。
即便我們在設計UI介面的時候沒有思路也是不用擔心,因為釦子1.5已經上線了超多的模板可選擇,隨意pick一款就能秒用。
4、一鍵釋出
在試執行、預覽無誤之後,我們就可以點選主介面右上角的“釋出”來到最後一步。
在填寫完資訊、選擇釋出平臺後,啪的一下,就可以上線AI應用了!
以上就是用釦子1.5開發一個AI應用的基本流程了。
從整個過程中我們不難看出,現在開發一個App,真的就是拖拖拽拽就可以的事情。
尤其是在使用者介面的部分,正是得益於釦子此次升級的UI Builder,一口氣更新了17個UI元件**,終於不再只有一來一回的對話式互動了。
引入UI的設計後,能夠直觀地展示功能模組或操作路徑,像我們剛才操作“容器”的時候,若是用對話方式……嗯,那是相當的麻煩。
主要特點如下:
各種圖生圖、圖文創作及檔案總結,無需多輪對話式互動,透過上傳框或輸入框結合展示區即可實現。
功能頁面可以透過導航欄直接切換,無需依賴自然語言指令來切換場景。
利用開關、下拉選單和數值輸入框等控制元件,更規範使用者輸入,避免因不穩定輸入導致模型執行異常,同時支援透過表單一次性完成多個輸入。
透過按鈕等元件直接觸發事件,精準呼叫工作流,無需依賴模型進行函式呼叫。
不僅如此,釦子1.5還支援像Figma一樣的無限畫布:
由於我們剛才實操的是基本流程,那麼最終能呈現出來的效果,我們不妨以官方出品的“營銷海報生成”來做展示。
例如我們輸入Prompt:
關於聖誕節的海報,有“聖誕快樂”四個漢字,動畫手稿,賽博朋克光,魚眼鏡頭,9:16。
還有這種可以透過語音對話來生成圖片的AI應用:
不難看出,這些App的功能更加複雜也更加實用,但無論再多功能,現在都可以不敲一行程式碼、拖拖拽拽來解決了。
和府撈麵、蘇泊爾都在用
除了操作上的簡便之外,另一個讓人比較意外的事情是,我們耳熟能詳的眾多企業都在用釦子。
例如和府撈麵
,就已經拿釦子開發了顧客點評分析智慧體,用它來對使用者評論資料進行情感分析。
具體來說,這個智慧體在上崗和府撈麵的門店之後,建立了對顧客的高效洞察,由此支撐了菜品、服務等方面的策略最佳化。
釦子開發的智慧體還進軍了硬體,蘇泊爾
就是一個例子。
透過Coze的靈活編排能力,讓蘇泊爾快速驗證業務模式,打造出了雲饌食譜創作、雲饌AI尋味等多個智慧體,API方式嵌入到App和IoT產品。
並且基於語音OpenAPI還實現了智慧硬體實時語音互動,有效提升開發效率和產品特性。
就連中科大
也在用釦子開發便於科學寫作實驗的智慧體。
而據官方披露的資料,釦子已經成為AI時代開發者首選的應用開發平臺,擁有超過100萬活躍開發者,釋出了超過200萬個智慧體。
由此可見,位元組的扣子已經在開發AI應用這事兒紮根到了各行各業,從使用者體量和市場反饋來看,也是一種對其實力的認可。
總而言之,AI時代的開發,現在真的就是有夢想即可成真的事兒了。
One More Thing
在昨天落幕的首屆釦子開發者日中,我們開頭提到的那位“百萬級營收者”——羅文,也來到現場做了分享。
羅文最初是發現GPTs這樣的智慧體雖然好用,但沒法聯動起來;更重要的是很多類似的產品學起來是有些費勁的。
而在去年年底,他無意間接觸到了釦子(海外版),發現既好用又好上手;到了今年釦子國內版上線,羅文便開始了他更多的創作。
到現在,他的工作流被複制了2.2萬次,粉絲量有3.7K,製作的Bot收藏率達到了18%。
正如他演講的題目那般,或許在AI大模型時代下創業,專注固然重要,選擇也不可忽視。
最後,文末附上釦子的地址和一些開發教程,感興趣的小夥伴可以去嚐鮮嘍~
釦子地址:
coze.cn
釦子開發教程:
[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