申请以及集成 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 跨域问题最佳解决方案