当前位置:首页 » 网页前端 » 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