申請以及集成 Stripe 的 Alipay 支付方案

時間 2019-12-07

標籤申請以及集成 stripe alipay 支付方案简体版

原文原文鏈接

最近在一個項目須要支持人民幣支付，而且客戶要求但願可以收完款後的結算是用美圓，因此就想到了去年 Stripe 宣佈已經跟支付寶達成合做意向，因此通過一番諮詢跟集成，終於把 Stripe 集成進來，而且啓用了支付寶收款。這篇文章介紹功能申請以及集成的完整過程。
html

功能申請

註冊 Stripe 帳號；
加入 beta 用戶組，電子郵箱跟註冊的 Stripe 帳號保持一致；
聯繫 Stripe 員工
發送郵件到 support@stripe.com，聲明你須要在你的 Stripe 帳號中啓用 Alipay 的支付功能，而且提供你的 Stripe 帳號。而後，等待回覆就是，通常當天都能收到回覆的。

集成

0. 時序圖(可結合後邊代碼一塊兒理解)

1. 引入 stripe.js 以及初始化腳本

假設支付頁面上有個開始支付按鈕，其 html 代碼爲:git

html<button id='pay'>支付</button>

請在 html 代碼裏合適的地方（好比<body>標籤的底部）加載 stripe.js：github

html<script src="https://checkout.stripe.com/checkout.js"></script>

在腳本中初始化 stripe.js，而且註冊支付按鈕的事件監聽函數：web

js$(function(){
  var stripeHandler = StripeCheckout.configure({
    key: 'pk_test_xxxxxxxxxxxxxxxxxxxxx',  // 能夠查看 https://dashboard.stripe.com/account/apikeys
    image: 'https://placehold.it/200x200',    // 顯示在支付對話框的圖片，可本身指定
    alipay: true,                             // 啓用支付寶支付
    token: function(token){                   // 用戶填寫完資料而且 Stripe 校驗成功後的回調函數
      // 此時應該提交 token.id 到後臺，好比 http://example.com/orders/1?stripeToken={token.id}
    }
  })

  $('#pay').click(function(){
    stripeHandler.open({
      name: 'Business Name',                  // 收款方或商家名稱，好比 Beansmile
      description: "商品描述內容",              // 待支付商品的描述
      amount: 50 * 100,                       // 支付金額，單位是「分」
      opened: function(){                     // 支付對話框打開後的回調函數
        // Do something
      }
    });
  });
});

2. 經過 token 請求收款

服務器端是 Ruby on Rails 實現，因此在 Gemfile 中引入 Stripe 官方的 Ruby SDK(具體配置方法請自行查閱其 README)：api

ruby# Gemfile
# Stripe Ruby bindings
# https://github.com/stripe/stripe-ruby
gem "stripe", "~> 1.20.1"

而後在 Controller action 中添加處理邏輯:ruby

ruby# app/controllers/orders_controller.rb
class OrdersController < ApplicationController
  # PUT /orders/:id
  #
  # params:
  #   id: 訂單的 id
  #   stripeToken: 客戶端完成支付流程，在腳本的回調函數中會獲得 `token.id`，
  #                將其上傳到 `stripeToken` 參數，服務器端用此 token 請求收款
  #
  def pay
    response = Stripe::Charge.create  amount: order.amount_in_cents,
                                      currency: 'USD',
                                      source: params[:stripeToken],
                                      description: "訂單描述"
    order.update_attribute :state, :paid
    redirect_to order
  rescue Stripe::InvalidRequestError => error
    flash[:error] = "因爲#{error.message}，支付失敗！"
    redirect_to order
  end
end

3. 效果預覽

其餘

關於 Stripe 的沙盒機制
Stripe 爲每一個帳號都提供了兩組 keys，一組 key 用於用於 live 環境，另外一組是 test 環境，後者便是沙盒環境，而針對支付寶的沙盒，可用任意合法的郵箱帳號進行測試，但驗證碼是固定的 123456，而身份證後 6 位是固定的 12345；
在功能申請過程當中，必定要記得完成步驟3——聯繫 Stripe 開通 Alipay 支付功能。不然，會在支付的時候出現錯誤，錯誤信息示例爲：There is no token with ID atok_xxxxxxxxxxxxxxxxxxxxxxxx
實際開發中，請結合考慮用 stripe 提供的 webhook 處理支付狀態變遷；
此支付機制中，付款人可用人民幣支付，可是 Stripe 會用美圓跟商家（收款方）進行結算；
我總結了工做中集成過的其餘幾款支付網關，橫向對比了各家的異同點，有興趣的請戳：講稿網：Payment Gateways

參考連接

Stripe: Alipay 首頁
Stripe: Alipay FAQ
Stripe: Alipay 集成文檔
Stripe: Checkout，這部分的文檔雖然沒有提交 Alipay, 可是針對 Alipay 的集成，依舊適用。

1. Asp.net MVC集成stripe支付
2. 集成 AliPay - 支付寶
3. Android支付寶集成alipay
4. laravel5集成支付寶alipay掃碼支付流程（Laravel 支付解決方案）
5. iOS - AliPay 支付寶支付
6. 支付-stripe
7. iOS Stripe 支付
8. Alipay 支付類
9. Java 支付寶支付 Alipay
10. 支付寶集成支付
更多相關文章...
• MySQL的版本以及版本號 - MySQL教程
• HTTP 請求方法 - HTTP 教程
• 常用的分佈式事務解決方案
• PHP Ajax 跨域問題最佳解決方案

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。