2024-08-22|閱讀時間 ‧ 約 5 分鐘

[AI線上應用實戰] Bubble.io 快速建立浮動聊天室

    系列文章傳送門:

    [AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學



    在這篇文章中,將學會如何用Bubble快速建立Floating Box

    通常使用Repeating Group元件可以快速達到呈列過去訊息,但是方向會是相反的,需要使用額外插件改變方向


    實際步驟

    加入Chatroom Datatype:

    可以創建一個Reusable element


    加入RG插件,並且依照常見排版建好頁面

    Repeating Group Text的ID Attribute中,加入rg1

    RG1元件的RepeatingGroups ID設定rg1

    Repeating Group的框框內,加入想要加入的內容,例如每則訊息的ID、text、Icon即可,例如,在其中加入text元件,其內容是

    記得Search for需要按照日期Descending排列



    此外,也可以建立workflow,監測是否有需要觸發AI,例如當用戶使用@bot的時候,就觸發OpenAI chatcompletion



    想要更有系統的學習嗎?

    歡迎至Google BooksReadmoo購買《零基礎開發AI應用: Bubble實戰指南》。在本書中我們深入淺出的教您使用Bubble平台,並結合最新最潮的AI技術,讓你輕鬆完成你的創業夢。



























    分享至
    成為作者繼續創作的動力吧!
    從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

    ECOE的沙龍 的其他內容

    你可能也想看

    發表回應

    成為會員 後即可發表留言
    © 2024 vocus All rights reserved.