Bubble.io教學
11公開內容
Bubble.io教學
全部內容
免費與付費
最新發佈優先
系列文章傳送門:[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學
在傳統網頁或是應用程式架構中，會分成前端及後端，只要邏輯是涉及敏感資訊，例如金鑰、金流等，切記不要放在前端，以bubble.io來說，就是不要將相關workflow放在page
在架設Bubble.io應用時，主流上都是串接Stripe，但是Stripe必須使用(截至2024/08)美國銀行帳戶。因此，我們示範如何串接綠界金流，並搭配aws lambda做到快速金流設定。
註：筆者一開始有考慮使用Paypal，但考量到金流嚴謹性以及Bubble天生不適合unit test
系列文章傳送門:[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學
想要讓網頁動起來、具有某些動作邏輯(e.g. 當使用者點擊按鈕，就將使用者登入)，就必須依靠撰寫Workflow。在[AI線上應用實戰] Bubble.io Workflow以
系列文章傳送門:[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學
在使用Bubble.io時，想要讓網頁動起來、具有某些動作邏輯(e.g. 當使用者點擊按鈕，就將使用者登入)，就必須依靠撰寫Workflow。
Workflow的操作非常直白
在這篇文章中，將學會如何用Bubble快速建立Floating Box
通常使用Repeating Group元件可以快速達到呈列過去訊息，但是方向會是相反的，需要使用額外插件改變方向
實際步驟
加入Chatroom Datatype:
可以創建一個Reusable element
在某些狀況下，難免會有一些需要高度客製化的場景、或是想要使用js(不管是自己寫還是想要使用既有的code or from chatgpt)，這時候，Toolbox Plugin 就是必學的。
Toolbox Plugin分成Server side以及Client side。兩者有細微差異
在[AI線上應用實戰] Bubble.io Plugin製作: 基礎篇我們介紹了Plugin的三種功能。然而實際製作上有很多細節要注意，在這篇文章中，將更詳細介紹如何使用Plugin建立Element元件
實際案例
Fields
這個部分最簡單，會作為update(每次元件的field或元
如果自行撰寫應用後端，光是使用者管理就是挺麻煩的一件事。筆者之前撰寫Fastapi+OAuth+database就花上不少時間。Bubble.io可以則可以快速完成登入機制
此外，我們也可以搭配OAuth，允許使用者使用第三方登入，這樣甚至可以不用在Bubble應用中，處理reset passwo
Bubble簡單歸簡單，但遇到想要更大的自由度的時候，處理起來的複雜度可不比自架來的好處理，雖然Bubble有強大的Plugin支援，但如果你很窮、沒有免費好用的Plugin，或是功能太冷門，只好自己寫囉。
AWS Lambda是?
AWS Lambda 就像是開發者的救星，因為它是一種 Serverless 服務，意思是你不用再為架設和維護伺服器煩惱了。對於每天都忙得焦頭爛額的開發者來說，產品開發已經夠讓人抓狂了，還要處理伺服器的設定和維運(e.g. OS、Network、機器管理、防火牆)，想想就
