[AI線上應用實戰] Bubble.io 在Workflow中將Step動作打包

閱讀時間約 3 分鐘

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


想要讓網頁動起來、具有某些動作邏輯(e.g. 當使用者點擊按鈕,就將使用者登入),就必須依靠撰寫Workflow。在[AI線上應用實戰] Bubble.io Workflow以及Backend Workflow中,我們介紹了Workflow的使用以及注意事項。對於完全沒接觸過程式的小白來說,Bubble.io的workflow在操作上可能會覺得有點繁瑣或是不知道如何撰寫邏輯,但這其實都是小問題,畢竟摸熟就好。

但對於有一定程式基礎的開發者就不是這麼一回事。

作為合格的工程師,建構function避免程式重複擊冗餘、劃分程式職責是刻在DNA裡的,如果你在接觸bubble.io沒有感覺到建立function來call的需求,那趕緊去進修🩵

在bubble.io中要建立可重複使用的funciton、流程,可以靠以下方法達成

  • 每次需要用到某個function時,就在該workflow中重複撰寫: 這個做法非常糟糕,小白常見做法,人工inline (笑)。當此功能大量被使用,你很難維護。尤其bubble.io不支援workflow的歸類。而且bubble沒辦法複製多個step,重複建真的很累
  • 使用Custom Event: 最常見作法之一,可以設定input parameter、return value來讓Custom Event像一個function。然後在要呼叫的workflow中,使用Trigger Custom Event
raw-image



想要更有系統的學習嗎?

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

raw-image




























    1會員
    18內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    ECOE的沙龍 的其他內容
    系列文章傳送門:[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,或是功能太冷門,只好自己寫囉。
    系列文章傳送門:[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,或是功能太冷門,只好自己寫囉。
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    Thumbnail
    隨著ChatGPT問世以來,AI持續在不同領域上發揮作用。虛擬人已能代理人類完成特定任務,是新興科技從工具擴展至落地應用服務的關鍵產物。 透過觀察AI如何賦能Web3的發展,以及觀測各種國際創新應用案例,請參加此免費研討會,了解「虛擬人應用發展趨勢」和「從AI賦能Web3新興應用看發展趨勢」二個議題
    Thumbnail
    文、圖/阿物科技提供   根據 Google 官方最新的公告,2024年第一季將為全球 1% 的 Chrome 使用者淘汰第三方Cookie,而第三季起將全面逐步停止支援。對於目前全球市占率超過6成的 Chrome 來說,至少會有超過3000萬個用戶,將在第一季受影響。   身處 C
    Thumbnail
    超微(AMD)周三推出新一代人工智慧(AI)晶片,稱其性能與輝達(Nvidia)晶片相比毫不遜色。此外,該公司並披露其合作夥伴,技嘉、鴻佰、英業達等台灣廠打入供應鏈。 超微周三新推出兩款MI300系列AI數據中心晶片:AI加速器MI300X內含可提高效能的先進高頻寬記憶體(High Ban
    Thumbnail
    「慢讀好食刻」精選116本「食」用美學,主要是由「全國公共圖書館巡迴展」所推出關於美味飲食、健康瘦身、AI農業應用、農產品銷售經濟相關好書書單,探討主題相當多元有趣,個人在一次圖書館取書日常時,剛好看到的好消息分享給大家!
    Thumbnail
    AI正在改變商業運作,尤其在客戶服務、營銷、運營、人力資源和金融服務等領域。聊天機器人和語音助理提供即時支援;數據分析助力營銷個性化和需求預測;自動化履歷篩選加速招聘;金融領域則看到更精確的信用評估和投資建議。隨著技術進步,AI在商業中的應用將持續擴展。
    Thumbnail
    外電報導,白宮準備限制陸企使用亞馬遜、微軟等美商提供的AI雲端運算服務。業界分析,此舉將完全防堵先前美方宣布高階AI晶片禁銷大陸,陸企繞道使用亞馬遜等雲端服務供應商平台服務避開禁令的漏洞,堪稱美方打壓大陸AI應用使出大絕招。 由於亞馬遜、微軟AI伺服器多由台廠統包,新規上路恐重創伺服器鏈。美國商務部
    Thumbnail
    AMD召開眾所矚目的晶片大會,最新MI 300X加速器配備192GB記憶體,預定第四季擴產。Bernstein 分析師告訴英媒,到明年上半年,AMD的新晶片全面上市時,輝達(Nvidia)的 H100 已經上市 18 個月,這將使輝達贏得巨大領先優勢,AMD遠遠落後。 金融時報報導,自從輝達預測銷售
    Thumbnail
    我想這6個月你我都被AI的新聞淹沒! AI寫作感覺很輕鬆,但是根據我這5個月實踐的經驗,AI寫作方面還是有很多限制。 但知道AI的極限,還是很有幫助加速我們寫文章的流程! 實踐AI寫作5個月,這是我發現AI「能」與「不能」的3個秘密:
    Thumbnail
    ☆2019美國「鸚鵡螺圖書獎」獲獎書籍☆ ☆普立茲獎得主《第六次大滅絕》作者 伊麗莎白‧寇伯特激賞之書☆ ☆亞馬遜書店逾兩百則評價,讀者平均四點六顆星好評推薦☆ ➢➢嚴峻的氣候與環境挑戰當前,全球糧食危機迫在眉睫, 想要繼續餵飽全世界,就得在傳統與與創新間找出「第三條路」!
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
    Thumbnail
    Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
    Thumbnail
    隨著ChatGPT問世以來,AI持續在不同領域上發揮作用。虛擬人已能代理人類完成特定任務,是新興科技從工具擴展至落地應用服務的關鍵產物。 透過觀察AI如何賦能Web3的發展,以及觀測各種國際創新應用案例,請參加此免費研討會,了解「虛擬人應用發展趨勢」和「從AI賦能Web3新興應用看發展趨勢」二個議題
    Thumbnail
    文、圖/阿物科技提供   根據 Google 官方最新的公告,2024年第一季將為全球 1% 的 Chrome 使用者淘汰第三方Cookie,而第三季起將全面逐步停止支援。對於目前全球市占率超過6成的 Chrome 來說,至少會有超過3000萬個用戶,將在第一季受影響。   身處 C
    Thumbnail
    超微(AMD)周三推出新一代人工智慧(AI)晶片,稱其性能與輝達(Nvidia)晶片相比毫不遜色。此外,該公司並披露其合作夥伴,技嘉、鴻佰、英業達等台灣廠打入供應鏈。 超微周三新推出兩款MI300系列AI數據中心晶片:AI加速器MI300X內含可提高效能的先進高頻寬記憶體(High Ban
    Thumbnail
    「慢讀好食刻」精選116本「食」用美學,主要是由「全國公共圖書館巡迴展」所推出關於美味飲食、健康瘦身、AI農業應用、農產品銷售經濟相關好書書單,探討主題相當多元有趣,個人在一次圖書館取書日常時,剛好看到的好消息分享給大家!
    Thumbnail
    AI正在改變商業運作,尤其在客戶服務、營銷、運營、人力資源和金融服務等領域。聊天機器人和語音助理提供即時支援;數據分析助力營銷個性化和需求預測;自動化履歷篩選加速招聘;金融領域則看到更精確的信用評估和投資建議。隨著技術進步,AI在商業中的應用將持續擴展。
    Thumbnail
    外電報導,白宮準備限制陸企使用亞馬遜、微軟等美商提供的AI雲端運算服務。業界分析,此舉將完全防堵先前美方宣布高階AI晶片禁銷大陸,陸企繞道使用亞馬遜等雲端服務供應商平台服務避開禁令的漏洞,堪稱美方打壓大陸AI應用使出大絕招。 由於亞馬遜、微軟AI伺服器多由台廠統包,新規上路恐重創伺服器鏈。美國商務部
    Thumbnail
    AMD召開眾所矚目的晶片大會,最新MI 300X加速器配備192GB記憶體,預定第四季擴產。Bernstein 分析師告訴英媒,到明年上半年,AMD的新晶片全面上市時,輝達(Nvidia)的 H100 已經上市 18 個月,這將使輝達贏得巨大領先優勢,AMD遠遠落後。 金融時報報導,自從輝達預測銷售
    Thumbnail
    我想這6個月你我都被AI的新聞淹沒! AI寫作感覺很輕鬆,但是根據我這5個月實踐的經驗,AI寫作方面還是有很多限制。 但知道AI的極限,還是很有幫助加速我們寫文章的流程! 實踐AI寫作5個月,這是我發現AI「能」與「不能」的3個秘密:
    Thumbnail
    ☆2019美國「鸚鵡螺圖書獎」獲獎書籍☆ ☆普立茲獎得主《第六次大滅絕》作者 伊麗莎白‧寇伯特激賞之書☆ ☆亞馬遜書店逾兩百則評價,讀者平均四點六顆星好評推薦☆ ➢➢嚴峻的氣候與環境挑戰當前,全球糧食危機迫在眉睫, 想要繼續餵飽全世界,就得在傳統與與創新間找出「第三條路」!