當前位置:首頁 » 網頁前端 » stripeweb支付示例
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

stripeweb支付示例

發布時間: 2023-02-21 14:24:37

『壹』 Stripe收款

摘要:

對於中國的Shopify賣家來講,Stripe是除了Paypal收款之外的最重要的收款方式。作為信用卡支付網關的龍頭老大,Stripe收款可以滿足買家通過借記卡或者信用卡輕松完成網路支付,本篇帶你全面認識Stripe以及帶你了解注冊Stripe的流程。

立即注冊 Shopify,享受 14天免費試用和 Shopify 開店教程

提到國際收付款方式,我們聽到的比較多的是電匯, 西聯匯款,Paypal, Payoneer,worldfirst 等等,很少聽到有人提起Stripe收款,但是不可否認的是在跨境電商領域,Stripe正在被越來越多的賣家用來收取終端消費者的信用卡付款,尤其是Shopify獨立站賣家。此外Stripe從創立之初就受到了矽谷主要投資機構的關注,其投資者可謂陣容豪華,包括YC,紅杉,Andreessen Horowitz等,那麼我們今天我們就來簡單認識下Stripe以及了解下Stripe的注冊流程。

一,關於Stripe:

Stripe是一家提供讓個人或公司在互聯網上接受付款服務的科技公司,由2個僅有20多歲的愛爾蘭兄弟創立的,Stripe公司成立於2011年,總部位於美國矽谷,目前在倫敦,巴黎,新加坡,東京等9個地區都設有辦事處。目前Stripe只支持25個國家和地區(包括香港)。遺憾的是暫不支持來自中國大陸地區的注冊(此處是攤手錶情)。

二,Stripe****的主要業務:

Stripe的業務可以總結為一句話:向客戶提供在線支付解決方案服務,滿足消費者通過網路購物使用信用卡或者借記卡付款需求。

三,Stripe適用客戶群

對於跨境電商賣家來講, Stripe提供了非常便利的信用卡收款方式,可以讓店鋪通過網路以多種貨幣來接收付款,你的客戶不需要注冊和使用其他帳戶,只需要一張信用卡,就可以完成交易,客戶在第一次使用時輸入Email和信用卡賬號,之後就不用再填資料,直接付款,大幅降低消費者拋棄購物車的機率,所以非常適合跨境電商賣家尤其是Shopify獨立站賣家。Shopify獨立站賣家可以將Stripe API集成到網店裡(依次打開Shopify後台-Payment provider-Accept credit cards後選擇Stripe綁定即可)來收取客戶從國際借記卡或信用卡付過來的貨款,包括Master Card,VISA,AMEX 等。

Lyft,Instacart 等服務商可以使用Stripe幫助賣家更好地收款,使得消費者在駕駛,游樂設施,食物,住宿等方面獲得很好的用戶體驗。

Stripe費率和提現

Stripe採用了固定費率+浮動費率的收費方式,Stripe對所有年交易額100萬美金以下的客戶收取每筆2.9%+0.3 USD的基礎收費模式(香港是3.4%+HK$2.35) ,相對Paypal收費結構來講更為簡單易懂,Paypal的收費結構是基於所提供的不同服務來定的,更加復雜些。提現到香港賬戶時間比較長,需要7天,這也是很多用戶不太滿意Stripe的地方。

四,Stripe******注冊流程:

在了解了Stripe的一些基本情況後,接下來我們看下怎麼注冊Stripe?

准備工具

考慮到Stripe暫時還沒有進入中國大陸市場,所以我們只能利用香港賬戶信息來注冊Stripe,當然如果你有條件搞到美國銀行賬戶,地址,電話號碼以及美國身份證(網上也有很多相關的教程)也是可以的,只是個人感覺風險性比較大,不建議這樣來做。

注冊香港個人或公司賬戶的話現在都需要通過代理來操作了,隨著外匯監管越來越嚴格,申請難度確實也都在加大,不過相對於門檻比較高的匯豐和恆生銀行來講,我更建議讓代理幫忙去工銀亞洲或者中銀香港開戶,這兩個會更容易些,而且我也順利開下來了。當然代理渠道不同,相應的收費也不同,現在開戶可能也會附加一些保險理財等額外條件,這些就需要自己好好評估一番了,在此不再贅述。

我以香港公司賬戶為例,來說下注冊流程(個人的話會更簡單些)。

第1步:打開Stripe官網 www.stripe.com ,點擊Sign up-注冊。

第2步:依次輸入郵箱,名字,密碼之後點creat your stripe account-創建你的Stripe賬戶進入後台。

第3步:Stripe官方會發確認郵件,之後Confirm email address 然後再次登陸Stripe。

第4步:點擊Activate your account-激活你的賬戶後在Country那塊選擇HONGKONG,Business website選擇獨立站店鋪網址即可,Business description這塊主要描述下店鋪所賣產品,終端客戶是誰,什麼時候同客戶收費等,比較簡單。

第5步:Type of business- 商業類型選擇公司(個人選擇indivial),依次填寫公司英文名稱,注冊號,商業登記地址,法人姓名等。

第6步:填寫出生日期,護照號和香港ID二選一,家庭地址可以寫開戶行地址或者代理機構地址,都是可以的。另外電話可以寫代理機構香港辦公室電話(我這里沒有截圖)。

第7步:接下來就是香港賬戶信息的填寫,通常賬號前3位是Bank code,填寫完畢後點擊Activate account-激活賬戶。

第8步,Stripe官方會發確認郵件過來,並告訴如果需要額外的信息會聯系,這時候需要幾分鍾的審核時間。

第9步:登錄Stripe後台我們會看到有個紅色三角提醒,說是法人信息需要審核,Status-狀態會顯示Not verified,不用慌張,可以耐心等下Stripe資料審核。

第10步:如果你等了5-10分鍾還是後台還是顯示Not verified, 那就點開 https://support.stripe.com/ ,Stripe幫助中心的chat with us 按鈕,Stripe提供了客戶的實時溝通的平台,只需要2-3分鍾就會有Stripe工程師來幫助你解答問題。在這里不得不給Stripe一個大寫的贊啊!!!這也是我認為Stripe同Paypal最大的差別,真是超級棒的體驗(請允許我再說一遍!!)

第11步:經過了Stripe support 的協助,我們刷新下Stripe後台就可以進入下一個認證環節,選擇Passport上傳掃描件就行了!

第12步:上傳完護照後等不到10分鍾,我們便可以看到法人信息已經驗證通過了,到這里我們的Stripe賬戶已經申請成功了。

正如大家看到的,申請Stripe流程其實並不復雜,獲得香港賬戶才是難點,大家可以好好篩選下代理爭取先拿下HK賬戶吧

『貳』 stripe支付接入步驟

官網: https://dashboard.stripe.com/test/dashboard
文檔: https://stripe.com/docs

1.官網注冊賬號後,開發者-->API密鑰,可以獲得兩個開發密鑰
可發布密鑰:pk_test_XXXXXX , 客戶端使用
密鑰:sk_test_XXXXX , 伺服器使用

2.設置支付方式: https://dashboard.stripe.com/settings/payment_methods
開啟Apple pay

至此網站配置簡單完成,下面是app配置
1.引入sdk

2.注冊api

3.構建快捷支付UI

4.使用

-----------------------------------------------------------------------------

1.根據用戶訂單,請求伺服器,拿到stripe 的 clientSecret

2.構建支付對象,發起支付

3.實現卡片認證的代理

有關認證情況的測試卡如下

『叄』 IOS接入Stripe支付

簡單寫一下,能最快的實現支付。

步驟為:加卡->選擇支付方式->發起支付(或使用ApplePay)

1.加卡

加卡之前,需要有一個用戶,用戶可以與自己的應用內用戶綁定,每個用戶有自己的一串token。可以理解為加卡之後卡會存在用戶名下。

正式加卡:

1.1使用Stripe自帶的控制器加卡。

可以在Stripe官方找到可用於測試的卡號進行測試(例如 4242 4242 4242 4242)

Done之後,成功會調用

在這里把卡的token給服務端,與前面說的用戶Token關聯。(告訴後端哪個用戶加了哪個卡)

1.2 自定義加卡UI

下方圖片中的number,expMonth等數據寫死的,大家可以改成由用戶輸入的數據。

同樣把卡的token給服務端,告訴後端哪個用戶加了哪個卡

2.選擇支付方式

Stripe支付的時候不需要指定哪張卡支付,它會從支付列表中拿到默認支付方式

所以可以理解為這個操作是設定默認支付方式。

先創建一個STPCustomerContext對象

調用    [self.paymentContext ];

之前添加的卡的信息會出現在列表中。如果有選擇。會是後台更改stripe的默認支付方式,再進行支付。(支付和更改默認方式都是後台操作。)

『肆』 iOS oc版Stripe支付

   之前有個項目是要做海外支付業務,最後大家決定用stripe支付,但是iOS Stripe支付中文的資料很少,我看到的也只有swift版本的資料,我就整理下自己做oc版Stripe時踩過的坑和一點經驗吧。才疏學淺,歡迎指正。

  首先stripe支付是一種海外信用卡支付在線支付,只要你輸入信用卡號和後面CVC就可以支付了,stripe也提供了很詳細的文檔: stripe 官方ios文檔 ,直接看文檔就可以完成stripe支付的集成,不過如果覺得自己英文不太好,可以看下我做的步驟。

有好多導入的方法,我是使用的cocospod導入的:pod Stripe

在 AppDelegate.m 中

- (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {

[[]setPublishableKey:kStripePublishableKey];
...

returnYES;

}

其中 kStripePublishableKey 是你在stripe上申請的公鑰

stripe還支持Apple pay ,如果要加入Apple pay的話還要加上這句:

[[] setAppleMerchantIdentifier:@"your apple merchant identifier"];

stripe的SDK中提供了系統默認的付款頁面,我們之前的項目就是採用的系統默認的付款頁面。

1,STPAddCardViewController

這是一個添加信用卡的頁面,彈出後會是一個添加信用卡的界面。假設頁面A可以push出STPAddCardViewController,我們就將STPAddCardViewController的delegate設置為A,實現它的回調方法

//添加新的信用卡

STPAddCardViewController*addCardViewController = [[STPAddCardViewControlleralloc]init];

addCardViewController.delegate= self;

其中比較關鍵的代理方法有:

//    添加信用卡的取消回調

- (void):(STPAddCardViewController*)addCardViewController

//  添加信用卡後我們可以拿到stripe返回的一個STPToken,而這個token裡面有後端需要的參數,token_id 和 created 這是後台實際支付時需要的,將他們傳給後台,回調成功後就代表付款成功了

- (void)addCardViewController:(STPAddCardViewController*):(STPToken*)tokencompletion:(STPErrorBlock)completion

2,STPPaymentCardTextField

這是一個選擇新卡支付的頁面,選擇卡後同樣進行回調實現支付

// 這是他的回調方法

-(void)paymentCardTextFieldDidChange:(STPPaymentCardTextField*)textField{NSLog(@"Card number: %@ Exp Month: %@ Exp Year: %@ CVC: %@",textField.cardParams.number,@(textField.cardParams.expMonth),@(textField.cardParams.expYear),textField.cardParams.cvc);self.buyButton.enabled=textField.isValid;}

   以上就是很簡單的stripe支付行為,官方也寫的很詳細,如果可以看的話看英文文檔是最好的,官方也提供了一個demo: demo地址 。結合著demo應該很快就可以實現stripe支付。

   我對stripe支付的理解是客戶端這邊拿到用戶的token的相關信息,然後後台用這些信息去實現真正的付款行為,所以客戶端這邊的工作只是一個獲取token和實現回調的工作,真正的支付行為是發生在後台的。

寫的不對的地方歡迎大家指正,大家共同進步。

我的github: Baoy