2015-07-12 99 views
1

我真的很高興使用stripe , flask and heroku爲我的靜態博客(github頁面)設置自己的付款處理。將數據從javascript表單傳遞給Flask服務器

用戶單擊該按鈕並轉到託管在heroku上的支付應用程序。

問題是我真的不希望用戶離開我的網站。

我真的很想知道是否有任何方法可以讓我在客戶端使用javascript和瓶頸應用程序在客戶端執行服務器處理。

請給我指示這是如何做到這一點!

謝謝!

PS:我是一個python程序員,而不是在燒瓶或JavaScript的親。由於我想自定義服務器端任務,所以我在這裏使用瓶(python)。

編輯:

我想要做的恰恰是..

1)添加條紋結賬按鈕到我的博客當按鈕被按下條紋(完成)

2)!結帳彈出

在這裏被用於結帳的形式的代碼

<form action="" method="POST"> 
    <script 
    src="https://checkout.stripe.com/checkout.js" class="stripe-button" 
    data-key="YOUR_STRIPE_KEY" 
    data-amount="2000" 
    data-name="Demo Site" 
    data-description="2 widgets ($20.00)" 
    data-image="/128x128.png"> 
    </script> 
</form> 

3)當用戶輸入他的信用卡信息,它應該去我的燒瓶應用程序添加客戶,創建卡,添加一些關於客戶的元數據和訂閱他的計劃。我想,必須有一些神祕的表單行爲屬性。

4)成功交易後加載謝謝頁面。該頁面位於我的博客模板中

+0

是的,有一種方法,但我相信在有人可以幫助你之前你應該更具體。你有沒有任何代碼,或者你被卡住的地方? – Boris

+0

我已更新我的問題。請看一看!謝謝! – piby180

回答

1

提交此表單的最簡單方法是將您的收費終結點放在Flask中作爲此表單的「操作」值。

<form action="/charge" method="POST"> 

如果端點沒有在同一網站上託管你需要

<form action="https://mysiteothersite.fake/charge" method="POST"> 

但是,如果你不希望用戶離開你的博客/頁事情變得有點棘手。而不是使用Stripe的基本簽出,您需要使用Custom Integration

在「令牌」回調函數中,您將創建一個AJAX POST request,其中包含從Stripe收到的令牌給您的Flask費用終端。您還需要在Flask服務器上添加一個CORS Header,該服務器允許您的博客提交令牌。如果你願意的話,有一個Flask module

相關問題