[AI線上應用實戰] Bubble.io 金流串接 AWS Lambda+綠界 沒有美國公司沒關係

閱讀時間約 1 分鐘

在架設Bubble.io應用時,主流上都是串接Stripe,但是Stripe必須使用(截至2024/08)美國銀行帳戶。因此,我們示範如何串接綠界金流,並搭配aws lambda做到快速金流設定。

註:筆者一開始有考慮使用Paypal,但考量到金流嚴謹性以及Bubble天生不適合unit test的特性,因此還是選擇在金流這塊多下功夫


使用綠界金流主要需要三大API:

  1. 到達付款頁面

GET(付款參數) -> 付款資訊(付款HTML)

  1. 後端再次驗證溝通交易驗證是否成功

POST(付款資訊) -> 付款是否完成

  1. 付款後導回頁面(轉址)


參考架構圖

raw-image


想要更有系統的學習嗎?

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

raw-image




























    avatar-img
    1會員
    21內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    ECOE的沙龍 的其他內容
    系列文章傳送門:[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
    系列文章傳送門:[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
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    貝寶(PayPal)購物指南:輕鬆安全地進行線上交易 PayPal 是一款全球知名的線上支付平台,讓您可以在網上商店、拍賣網站等地方安全地進行交易。它提供了一種便捷的方式來支付商品或服務,同時也保護您的個人和財務資訊。 為什麼選擇PayPal? * 安全: PayPal 使用先進的加密技術,
    Thumbnail
    比特币闪电网络是一种扩展解决方案,旨在实现即时、低成本的交易,解决区块链可扩展性问题。闪电网络通过脱离链、创建第二层支付通道,达到 Visa 级别的每秒交易量,改变比特币的未来发展。 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥 💰 注册即享 20% 手续费返佣 🔑 专属邀
    Thumbnail
    这篇文章主要介绍了Signature Bank:没有资不抵债 被关闭是美国针对加密货币的相关资料,需要的朋友可以参考下 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥 💰 注册即享 20% 手续费返佣 🔑 专属邀请码: R851UX3N 近期讨论度相当高的NFT交易市场Bl
    Thumbnail
    Wassup! This is 就這樣踏進Web3.0 & Economic 的路易斯。 前幾篇提供了 Solana Payment 以及 Stripe Payment 等相關介紹。 這次!電子支付巨頭PayPal也即將瓜分穩定幣的這塊大餅啦!!!!
    Thumbnail
    Wassup 各位,我是就這樣栽進Web3.0 & Economic的路易斯! 秉持著Simple Is Good,我會盡量簡單解釋接下來的內容。 上一篇談到說『企業主如何設置Stripe USDC』,講白一點就是 店家開始用Stripe平台提供顧客用USDC付款啦! 那比較傳統法幣呢?
    Thumbnail
    支付巨头Block旗下支付平台Cash App今(20)日在推特上宣布,现已提供完整的闪电网络体验,用户可以免费向其他支持闪电网络的钱包发送和接收比特币,此功能目前适用于美国的Cash App客户,但因法规,纽约州居民除外,赶紧看看吧 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    貝寶(PayPal)購物指南:輕鬆安全地進行線上交易 PayPal 是一款全球知名的線上支付平台,讓您可以在網上商店、拍賣網站等地方安全地進行交易。它提供了一種便捷的方式來支付商品或服務,同時也保護您的個人和財務資訊。 為什麼選擇PayPal? * 安全: PayPal 使用先進的加密技術,
    Thumbnail
    比特币闪电网络是一种扩展解决方案,旨在实现即时、低成本的交易,解决区块链可扩展性问题。闪电网络通过脱离链、创建第二层支付通道,达到 Visa 级别的每秒交易量,改变比特币的未来发展。 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥 💰 注册即享 20% 手续费返佣 🔑 专属邀
    Thumbnail
    这篇文章主要介绍了Signature Bank:没有资不抵债 被关闭是美国针对加密货币的相关资料,需要的朋友可以参考下 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥 💰 注册即享 20% 手续费返佣 🔑 专属邀请码: R851UX3N 近期讨论度相当高的NFT交易市场Bl
    Thumbnail
    Wassup! This is 就這樣踏進Web3.0 & Economic 的路易斯。 前幾篇提供了 Solana Payment 以及 Stripe Payment 等相關介紹。 這次!電子支付巨頭PayPal也即將瓜分穩定幣的這塊大餅啦!!!!
    Thumbnail
    Wassup 各位,我是就這樣栽進Web3.0 & Economic的路易斯! 秉持著Simple Is Good,我會盡量簡單解釋接下來的內容。 上一篇談到說『企業主如何設置Stripe USDC』,講白一點就是 店家開始用Stripe平台提供顧客用USDC付款啦! 那比較傳統法幣呢?
    Thumbnail
    支付巨头Block旗下支付平台Cash App今(20)日在推特上宣布,现已提供完整的闪电网络体验,用户可以免费向其他支持闪电网络的钱包发送和接收比特币,此功能目前适用于美国的Cash App客户,但因法规,纽约州居民除外,赶紧看看吧 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥