[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