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

更新於 2024/10/29閱讀時間約 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會員
    22內容數
    留言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
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    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
    *合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
    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客户,但因法规,纽约州居民除外,赶紧看看吧 🚀 币安 - 全球最大加密货币交易所 💥 独家优惠 💥