[AI線上應用實戰] Bubble.io 用戶登入 + OAuth
avatar-img
ECOE的沙龍
ECOE的沙龍

[AI線上應用實戰] Bubble.io 用戶登入 + OAuth

ECOE-avatar-img
ECOE
發佈於資訊、程式 等 個房間
更新於 發佈於 閱讀時間約 2 分鐘

系列文章傳送門:[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學


如果自行撰寫應用後端，光是使用者管理就是挺麻煩的一件事。筆者之前撰寫Fastapi+OAuth+database就花上不少時間。Bubble.io可以則可以快速完成登入機制

此外，我們也可以搭配OAuth，允許使用者使用第三方登入，這樣甚至可以不用在Bubble應用中，處理reset password等問題。

raw-image

實際流程

raw-image
raw-image
  1. 加入Google Plugin至APP
  2. 創建一個以GOOGLE登入按鈕，撰寫點擊觸發Workflow:
    只需要使用Signup/login with Google這個方塊就好了喔，後面可以再加上額外邏輯
  3. 想要在workflow貨元件中存取當前使用者資訊，可以簡單使用Current User這個參數，例如Current User.Email
  4. 於Google Cloud Console創建新的OAuth2.0用戶端，設定重新導向URI，以及複製專案編號及Secret Key
raw-image
raw-image


  1. 在Plugin頁面中設定API KEY/Secret Key
raw-image


想要更有系統的學習嗎?

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

raw-image













ECOE的沙龍資訊、程式ECOE的沙龍Bubble.io教學
avatar-img
ECOE的沙龍
3會員
41內容數
留言
avatar-img
留言分享你的想法！
ECOE的沙龍 的其他內容
[AI線上應用實戰] Bubble.io Plugin製作: 基礎篇
Bubble簡單歸簡單，但遇到想要更大的自由度的時候，處理起來的複雜度可不比自架來的好處理，雖然Bubble有強大的Plugin支援，但如果你很窮、沒有免費好用的Plugin，或是功能太冷門，只好自己寫囉。
[AI線上應用實戰] AWS Lambda + API Gateway快速架設API: 使用Python
AWS Lambda是? AWS Lambda 就像是開發者的救星，因為它是一種 Serverless 服務，意思是你不用再為架設和維護伺服器煩惱了。對於每天都忙得焦頭爛額的開發者來說，產品開發已經夠讓人抓狂了，還要處理伺服器的設定和維運(e.g. OS、Network、機器管理、防火牆)，想想就
[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學
在這系列文章中，將會深入淺出介紹，如何整合下列工具，快速建立你的AI線上應用 Bubble.io 主網站及伺服器 AWS - Lambda: 快速架設簡單邏輯的API，寫個小小的python function立刻就上線，不需要大費周章額外架backend - S3: 提供檔案存取，可透過Pr
#bubble#AI#lowcode
程式代寫與一元賣場詐騙
隨著科技的發展，程式代寫已成為一個快速增長的市場。從簡單的程式到複雜的專案開發，程式代寫的範圍極為廣泛。這篇文章討論了選擇代寫服務的原因以及一元賣場詐騙的相關議題。
#程式#買家#專案
程式代寫報價差異為什麼那麼大
當提到程式和代寫，多數人可能會立刻想到學生尋找代寫作業的情境，或者是專業人士為某一專案尋找代寫程式的服務。不過，當你真正涉入這個領域，你會驚訝地發現：程式代寫的價格範圍實在是天差地遠，從幾百到數十萬都有。但是，為什麼會有如此大的價差呢？
#程式#專業#作業
研究生可以找代寫嗎? 代寫程式、論文所需要知道的風險
在代寫產業迅速增長的背景下，代寫公司和類似服務通過現代通訊工具提供快速便捷的學術作品代寫。然而，這種方便背後存在風險。代寫論文違法且可能導致學位撤銷，而代寫程式存在抄襲和低質量風險。建議學生識別合法、誠信的商家，關注價格、評價、溝通和賣家背景等要素，並避免違規行為，確保學術誠信和作業品質。
#程式#代寫#程式代寫
[AI線上應用實戰] Bubble.io Plugin製作: 基礎篇
Bubble簡單歸簡單，但遇到想要更大的自由度的時候，處理起來的複雜度可不比自架來的好處理，雖然Bubble有強大的Plugin支援，但如果你很窮、沒有免費好用的Plugin，或是功能太冷門，只好自己寫囉。
[AI線上應用實戰] AWS Lambda + API Gateway快速架設API: 使用Python
AWS Lambda是? AWS Lambda 就像是開發者的救星，因為它是一種 Serverless 服務，意思是你不用再為架設和維護伺服器煩惱了。對於每天都忙得焦頭爛額的開發者來說，產品開發已經夠讓人抓狂了，還要處理伺服器的設定和維運(e.g. OS、Network、機器管理、防火牆)，想想就
[AI線上應用實戰] 如何快速建立你的AI線上應用 使用Bubble.io #Bubble.io教學
在這系列文章中，將會深入淺出介紹，如何整合下列工具，快速建立你的AI線上應用 Bubble.io 主網站及伺服器 AWS - Lambda: 快速架設簡單邏輯的API，寫個小小的python function立刻就上線，不需要大費周章額外架backend - S3: 提供檔案存取，可透過Pr
#bubble#AI#lowcode
程式代寫與一元賣場詐騙
隨著科技的發展，程式代寫已成為一個快速增長的市場。從簡單的程式到複雜的專案開發，程式代寫的範圍極為廣泛。這篇文章討論了選擇代寫服務的原因以及一元賣場詐騙的相關議題。
#程式#買家#專案
程式代寫報價差異為什麼那麼大
當提到程式和代寫，多數人可能會立刻想到學生尋找代寫作業的情境，或者是專業人士為某一專案尋找代寫程式的服務。不過，當你真正涉入這個領域，你會驚訝地發現：程式代寫的價格範圍實在是天差地遠，從幾百到數十萬都有。但是，為什麼會有如此大的價差呢？
#程式#專業#作業
研究生可以找代寫嗎? 代寫程式、論文所需要知道的風險
在代寫產業迅速增長的背景下，代寫公司和類似服務通過現代通訊工具提供快速便捷的學術作品代寫。然而，這種方便背後存在風險。代寫論文違法且可能導致學位撤銷，而代寫程式存在抄襲和低質量風險。建議學生識別合法、誠信的商家，關注價格、評價、溝通和賣家背景等要素，並避免違規行為，確保學術誠信和作業品質。
#程式#代寫#程式代寫