精华内容
下载资源
问答
  • STRIPE 支付

    千次阅读 2018-04-08 15:27:37
    Stripe开发使用指南--国际支付(含支付宝)前段时间,因为Jason让我帮忙把Stripe支付集成到他个人网站上去,让我有机会接触到支付系统开发,同时也因为苦于没有找到太多中文方面相关文档介绍,所以做个总结,也方便...

    Stripe开发使用指南--国际支付(含支付宝)


    前段时间,因为Jason让我帮忙把Stripe支付集成到他个人网站上去,让我有机会接触到支付系统开发,同时也因为苦于没有找到太多中文方面相关文档介绍,所以做个总结,也方便以后有需要的同学。

    关于Stripe支付

    第一次听说Stripe还是在几个月前的一个新闻上了解到,大致说的是美国总统都在使用它,极有可能成功下一个Paypal。这么受欢迎的一个支付平台到底有什么好处呢?我粗略搜集了一下:

    • 一条代码让你网站支持繁琐的国际支付功能。(对于创业公司,再合适不过)
    • 向全球化业务拓展会成为Stripe的机会。即使支付货币不同、方法不同,Stripe都能打通各自的渠道,让全球化交易不受支付阻碍。
    • 市值超过90亿美元,和Tweeter,Lyft,Best Buy等以及国内的 Alipay, WeChat等有合作

    重点说下第二点,什么意思呢,就是说客户可以使用人民币支付,如果商家(收款方)是美国的银行的话,就自动转成美元,是英国的银行就自动转为英镑!(可惜暂时不支持商家是中国(但Stripe也可提供解决方案,就是使用Atlas去创建一个美国的代理公司)

    而对于我们程序员的话,当然最关心第一条,因为他的宗旨就是开发极简,对开发人员超级友好!至于多友好呢,请往下看。

    最简洁支付

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Stripe Checkout</title>
    </head>
    <body>
    <form action="/your-server-side-code" method="POST">
    <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="[Publishable key]"
    data-amount="999"
    data-name="troy yang"
    data-description="Widget"
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
    data-locale="auto"
    data-zip-code="true"
    data-currency="eur">
    </script>
    </form>
    </body>
    </html>

    就这么几行代码,我们就已经实现了客户端所有事:

    image

    真的是超级简单,但是这种方式是基于信用卡支付的界面,已经可以满足一半的支付方式,对于其他的三方支付,比如3D secure, 支付宝,微信,甚至比特币,Stripe为我们提供了其他方式,等下我就使用支付宝来举例。

    注册 Stripe 账号

    和注册支付宝账号一个道理,首先注册账号,然后绑定自己银行卡,BUT, 就像前面提到的,不支持中国,所以就算注册成功,也没法激活,也就没法收款。

    对于中国商家怎么办呢,我能想到的就只有这几个办法:

    • 自己去支持国家去办理张银行卡
    • 使用国外的朋友银行卡
    • 使用Atlas

    对于Jason来说,因为他是英国人,所以他可以创建他的主账号,然后添加我的stripe账号到他team memeber账号列表中,这样我就可以访问他账户下所有开发者需要的权限。邀请成功后,Dashboard页面

    两个阶段

    Stripe有两种模式,一个是测试模式(Test Mode),一个是生产模式(Live Mode),测试模式下产生的金钱交易都只用于测试,当所有测试通过后即可切换为Live模式。唯一的不同就是Publishable key 和 Secret key, 一会我们会用到这两个值。
    image

    交易流程

    Stripe有几个概念用于整个交易阶段和状态:
    image

    创建 Source

    使用自己的Publishable key来创建一种source(比如Cards, 3D Secure, 支付宝,甚至比特币等), 创建source完了后,就会得到一个用于交易的Token或者是一个跳转到其他支持的三方支付平台(比如支付宝支付)页面等待用户支付。当用户支付(或者取消支付)完成,自动跳转回到指定结果页面。用户支付页面结束后,可能会得到三个状态:

    • source.chargeable 用户授权(支付)成功
    • source.failed 用户拒绝授权(支付)
    • source.canceled 超时支付

    创建 Charge

    当用户支付成功后,此时在Stripe端的支付状态变为source.chargeable,意思就是授权成功了,你可以在我支付宝平台上扣钱啦,所以,此时我们还需要使用Secret key来创建Charge来完成,官方推荐的是使用webhooks来捕捉状态,并且完成Charge的创建。当Charge完成后,整个支付完成,会得到一个charge.succeeded的状态。

    使用 webhooks

    Webhooks 里提供了几十种状态,所有这些状态都会注册到Stripe里一个叫webhooks事件钩子的地方,我们可以指定不同事件的触发时,转发数据到某个我们自己搭建好的Web Api上。(下图是我们的服务器end point, 因为我们没有用到服务器,使用的是亚马逊lambda做一个Serverless)
    image

    举个支付宝的栗子

    服务端 (Serverless)

    以AWS的Lambda + API gateway为例, 其中,前者是用来定义API, 后者是做路由。
    image

    image

    image

    创建Charge代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    'use strict';

    const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY);
    exports.handler = (event, context, callback) => {
    console.log("request: " + JSON.stringify(event));

    let stripeData = event.data.object;
    stripe.charges.create({
    amount: stripeData.amount,
    source: stripeData.id,
    currency: stripeData.currency || 'usd',
    description: 'My Englishtutor 30 days' || ('Stripe payment ' + event.id),
    }, function(err, charge) {
    if (err && err.type === 'card_error') {
    context.fail(new Error(err.message));
    }
    else if (err) {
    context.fail(err);
    }
    else {
    context.succeed({ status: charge.status, success: true });
    }
    });
    };

    客户端 (Web)

    多种实现方式:

    Checkout

    文章开头那段

    的集成代码就是使用的checkout方式,非常简单。集成代码直接帮你完成了客户端的部分,服务端只需要定义好source.chargeable的钩子API 就好了。

    在做支付宝开发的时候,发现可以直接使用Checkout的方式:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <form action="https://xxx.execute-api.eu-central-1.amazonaws.com/stripepayment/xxx" method="POST">
    <script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="pk_test_xxx"
    data-amount="30000"
    data-name="myenglishtutor.eu"
    data-label="Pay With Alipay"
    data-description="30 days"
    data-image="/images/logo.png"
    data-locale="auto"
    data-alipay="auto"
    data-currency="usd">
    </script>
    </form>

    但是总是得到这个错误:

    1
    Unrecognized request URL (POST: /v1/alipay/send_sms). Please see https://stripe.com/docs or we can help at https://support.stripe.com/.

    image

    发邮件给Stripe support team得到的结果是为了以后的扩展,Stripe不再提供alipay的checkout方式, 无奈,只得使用下面的方式。

    Stripe.js & Elements

    当然对于如果你觉得Checkout的方式集成度太高,不够灵活,那Stripe.js是你最好的选择。

    Stripe.js其实就是客户端的一个JS核心类库,Elements是它的UI类库,其实上面的Checkout代码就是Stripe使用两者给我们封装好了的,避免我们直接接触敏感信息,但是其实质都是一样的,都是用来创建source。这里就直接贴出客户端的代码了(这里没有用到Elements做UI,因为就是一个按钮支付,太简单,所以没用到):

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    var stripe = Stripe('pk_live_xxxx');

    function alipay(amount) {
    showLoading();
    stripe.createSource({
    type: 'alipay',
    amount: parseInt(amount),
    currency: 'gbp', // usd, eur,
    redirect: {
    return_url: 'https://xxx.eu/pay/result.html'
    },
    }).then(function (response) {
    hideLoading();
    if (response.error) {
    alert(response.error.message);
    }
    else {
    processStripeResponse(response.source);
    }
    });
    }

    function processStripeResponse(source) {
    window.location.href = source.redirect.url;
    }

    image

    这里需要注意几点:

    • currency 必须是Stripe账号所在地货币,也就是绑定的银行卡所在地,因为Jason是英国人,所以必须使用gbp(这里愚蠢如我的犯了一个常识错误,一直以为英国也是欧盟的,所以使用eur,结果怎么也不对,直接哭晕在厕所)
    • return_url指向的是当用户重定向到我们常见的支付宝支付页面后,跳转回支付完成的页面,在这个返回页面中,因为支付宝是同步完成支付的,所以我们可以去查询charge.succeeded的状态来判定是否用户支付是否完成。

    当一切OK,点击支付按钮,就会跳转到支付宝支付页面(其他支持的三方平台也可以),如下:
    image

    展开全文
  • Django-电子商务-网站 电子商务网站将Django与Stripe和PayPal集成一起使用此项目是使用Django 2.2.16创建的,因为它得到了Django Project的长期支持。 条带和PayPal API的集成
  • 欢迎使用Vue Stripe的,它是易于实现且维护良好的Vue.js组件/用于Stripe Checkout和Stripe Elements的插件。 您可以通过给它加星号或跟随作者的方式来支持该项目。 您也可以通过发送爱意 :red_heart: 。 遗产 旧...
  • 网站接入 Stripe 指南 一套能供测试使用的 Appkey 和 Secretkey 遵循 MIT 协议能够完整运行的整套应用程序代码 阅读全文: http://gitbook.cn/gitchat/activity/5de8f47b9a74cc327f167e5c 您还可以下载 CSDN 旗下...

    我坚信,机会永远属于有准备的人,我们与其羡慕他人的成功,不如从此刻起,积累足够多的知识和经验,为将来实现财务自由做好充分的准备!

    如果你有技术,稍加运营,就可以一个人打造出一台日入 100+美元的赚钱机器;如果你没有技术,可以联合技术,一起打造。从身边的大多数技术人员经历来看,他们往往技术很厉害,但实际上每天还忙于加班,原因是人到中年,背负房贷,收入来源单一,不敢轻易辞职。

    如何把技术利用好实现技术变现?我认为一个好的切入点就是从做一款工具或者网站开始,通过搜索引擎挖掘细分市场,从而打造出满足用户需求的小产品、小工具、垂直网站等,实现从用户需求、产品设计、运营变现到完全变现,从而达到从 0 到 1 的迭代。

    当然,立即实践才是最重要的,没有百分之百的成功,很多人想努力,但是不知道往哪个方向前进,这时候你就需要这样的一堂课,帮你向实现财富自由迈出最重要的第一步。

    如果你已经有小产品想出海赚美刀(不赚钱做啥产品啊),或者还没有(可以参考《基于 Weex 从零开始快速开发一款跨平台的 App》) ,那么首先得接入国际支付。支付宝,微信等目前不支持个人业务国际收款,而且米国人大多倾向于使用信用卡啊。

    目前比较主流的有 Ebay 和 Stripe 支持全球支付结算的服务提供商。我们这里选择的是 Stripe。

    本 Chat 中你可以获得:

    • 大陆用户申请 Stripe 的技巧
    • 网站接入 Stripe 指南
    • 一套能供测试使用的 Appkey 和 Secretkey
    • 遵循 MIT 协议能够完整运行的整套应用程序代码

    阅读全文: http://gitbook.cn/gitchat/activity/5de8f47b9a74cc327f167e5c

    您还可以下载 CSDN 旗下精品原创内容社区 GitChat App ,阅读更多 GitChat 专享技术内容哦。

    FtooAtPSkEJwnW-9xkCLqSTRpBKX

    展开全文
  • 在使用stripe收款之前,看看同类网站有没有使用stripe(信用卡)收款,国外基本用stripe,如果有那就能上。 在你做网站准备收款的时候,手里一定要有该垂直领域里的几个大牌网站,,要严格按照同行中最牛逼的网站来...

    网站销售产品

    在使用stripe收款之前,看看同类网站有没有使用stripe(信用卡)收款,国外基本用stripe,如果有那就能上。
    在你做网站准备收款的时候,手里一定要有该垂直领域里的几个大牌网站,,要严格按照同行中最牛逼的网站来建站,至少网站内容上,条款上,该有的证书和许可证要有,没有就去ps一下
    做网站尽量做垂直类目的网站,不要做大杂烩,什么都卖,看来起很乱的那种,stripe比较喜欢垂直类目的。

    网站内不要有仿牌内容:

    如果有仿牌内容,搞到授权书也是可以的,没有授权书可以去借一下,这个问题造成的封号是可以解开的,通过更换网站销售产品或者网址,能够重新激活账号。

    付款过程中

    比如做衣服的网站:
    案例1
    案例2

    在付款的全程要有到货时间,shopping policy& return&Exchange,这三样非常重要,如果没有,被人工审核的时候,直接会被标记为高风险钓鱼网站,都不给解封的机会;
    底部的Policy和privacy policy也要能显示,到货时间,产品的评论里放一些自己产品真实的图片,可以压缩图片后再上传。

    底部这部分内容一定要有,可以灵活变更内容

    stripe客服之查网站的时候,会查社交平台的活跃度,所以在做站之前就要运营起来
    联系方式要清晰,建议配有电子邮件,美国电话(gv)、WhatsApp、公司地址写日本地址(我会提供)
    如果在建站和stripe注册与激活方面的问题,可以在下面联系我哦。

    展开全文
  • Stripe移动支付

    2012-07-11 09:27:00
    Stripe是一个简单的、轻量级的API,可供开发者嵌入到网站上,以接收付款。Stripe的Javascript代码能让开发者建立简单的支付表单,而免去合同或是设立传统商家帐户的麻烦。对消费者来说,Stripe的这些代码没有很大...

    Stripe是一个简单的、轻量级的API,可供开发者嵌入到网站上,以接收付款。Stripe的Javascript代码能让开发者建立简单的支付表单,而免去合同或是设立传统商家帐户的麻烦。对消费者来说,Stripe的这些代码没有很大意义(消费者也没有关心的必要),因为Stripe是一个隐藏的解决的方案。但为了简化API,让开发者能够在几分钟之内就能理解,却历经了“无数次的迭代”,Patrick表示。更不用提“吹毛求疵的审计”和PCI从业资格的认证了(Payment Card Industry,付款卡产业)。“有好几周的时间都有人在我们的办公室里,这个资格认证可来之不易。”

    转载于:https://www.cnblogs.com/ryanlaw/archive/2012/07/11/2585683.html

    展开全文
  • 使用Django 2.2.3,Python 3.7.3和AWS构建的电子商务网站 Product Slide Shop Page Product Detail Page Cart Page BillingAddress Page Stripe Payment Page Order Success Page 安装 pip install ...
  • Stripe移动支付

    2012-09-12 15:33:43
    Stripe是一家新的支付公司,由一对兄弟Patrick Collison和John Collison创建,旨在为B2B和B2C业务提供支付... 开发者想让整个支付过程都运行的非常好是件很不容易的事,获得商家帐户,让网站上的软件不出问题,还...
  • Stripe支付流程简要描述

    千次阅读 2020-03-21 00:30:10
    1、用户页面输入充值金额,点击确定跳转到支付页面(页面的样式由stripe提供,可自定义样式,部分js是从stripe网站获取) 2、用户输入电子邮箱,卡号,信用卡到期年份和月份,信用卡CVC码(也可以添加用户手机号、...
  • 关于stripe TLS1.2

    千次阅读 2017-04-20 09:35:31
    首先感谢 http://stackoverflow.com/questions/30145089/tls-1-2-not-working-in-curl 这篇文章拯救了我的网站。 在使用国外支付插件stripe的时候遇到一个问题: Stripe no longer supports API requests made ...
  • React-Redux-Firebase-eCommerce-Website:使用React,Redux,Hooks,Stripe和Firebase的电子商务网站
  • 简单封装的Stripe支付方法

    千次阅读 2017-12-13 10:51:20
    首先,需要在Stripe官方网站申请注册自己的支付帐号,并获取测试和正式用的前后端校验码。 然后,项目后台需要添加Stripe的dll引用,可以用Nuget安装Stripe.net,也可以自己下载dll然后直接添加引用,这里不赘述了...
  • 查阅Cam Jackson的这篇,了解如何将前端划分为微服务,请访问Martin Fowler的网站。 大多数人(99%)可能不需要,但请考虑一下。 扩展数据库 开始分离成数据库而不是表; 现在,每个服务都有一个表。 您绝对应该...
  • \Stripe\Stripe::setApiKey($stripeKey); } else { \Stripe\Stripe::setApiKey($stripeKey); } } else { return false; } } </code></pre> <p>What could be the reason for this? Any insight would be ...
  • gatsbyjs-and-stripe-源码

    2021-02-17 03:16:24
    创建一个Gatsby网站。 使用Gatsby CLI创建一个新站点,并指定默认启动器。 # create a new Gatsby site using the default starter gatsby new my-default-starter ...
  • 最简单的付款方式-静态网站。 使用所有3种可用方法实施Stripe的直接收费支付。 任何一个都足够,但是都包含了所有示例。 这些包括: Stripe Elements-用于构建结帐流程的预构建UI组件 付款请求按钮-支持Apple Pay...
  • 该站点使用html,css,JavaScript,jquery,bootstrap,nodejs和Stripe restful api开发。 因此,该网站具有完整的功能,可响应所有设备(智能手机和平板电脑)。此外,该网站的开发还涉及所有安全问题。 关联
  • 他们的API不仅使程序员可以轻松地为诸如电子商务商店之类的网站创建一次性付款,而且还为每月订阅和路由付款提供了快速集成。 如果对Django和Stripe不熟悉,请查看我们最近的有关一次性付款集成的文章 。 否则,让...
  • 前段时间,因为Jason让我帮忙把Stripe支付集成到他个人网站上去,让我有机会接触到支付系统开发,同时也因为苦于没有找到太多中文方面相关文档介绍,所以做个总结,也方便以后有需要的同学。 关于Stripe支付 第一次...
  • 最近领导让测试一个新的信用卡通道,https://stripe.com/,stripe信用卡通道。这个支付之前在另外一个站上用过,但是就一个插件装上就ok了,配上pk_test和sk_test即可。但在这次使用的时候依旧出现了问题。 出现的...
  • 外贸网站的第三方收款通道,可支持海外用户信用卡付款,不过影响力仍然没有Paypal大,Paypal对卖家还是客户来讲,其安全性和周转时间都比其它通道强。我们推出更加灵活安全的多号分流(q1806098280)的风控机制。 ...
  • Paypal、Stripe、Braintree,跨境电商金流第三方支付该用哪家? ...在台湾做跨境电子商务生意,电商网站的金流肯定是一个最大的麻烦,Paypal或是Stripe和Braintree则是国际上大家最常用的金...
  • 网站发布在 卡号以测试条纹:4242 4242 4242 4242 技术领域 表达 猫鼬 护照 OAuth 2.0 条纹 SendGrid React Redux Redux表格 React-Stripe-Checkout 安装 安装依赖项 $ npm run install-all 运行应用 $ npm run...
  • 我会尽快谈谈这个克隆更多的在我的网站。 建于 React.js Redux工具包(针对全局状态) Firebase(用于后端身份验证,存储和托管) 条带集成(用于付款处理) 实时链接和演示 上面的演示中描绘的是本教程提供的...
  • 使用S3的静态网站,配置CloudFront(CDN)并通过Route53(DNS)映射自定义域 CodeCommit拉取请求检查 CodeCommit拉取请求批准规则以强制执行拉取请求工作流程 CodePipeline动作合并分支 检查系统参数设置是否正确的...
  • serena网站-源码

    2021-02-18 02:56:15
    我的第一个HTML&CSS项目 这是Stripe Foundations类的网站。 :)
  • 科技:Laravel 5.5,Homestead,MySQL,Stripe,AngularJS,Bower,Grunt 设置 安装 请遵循标准程序来设置家园流浪者环境,您可以在的Laravel文档中。 环境变量 给我发电子邮件以获取这些键的具体值。 以下是您的...
  • 项目名称 亚马逊克隆-React Web App ... 使用Stripe API结帐 使用的技术/框架 React Google Firebase HTML / CSS Java脚本 产品特点 能够使用Google身份验证创建和验证用户。 使用Stripe API接受测试付款 API参考
  • <p>I've been working on integrating a Stripe checkout form into my website for customers to sign up for a subscription. I've downloaded the Stripe library via composer and it is up to date, here is my...

空空如也

空空如也

1 2 3 4
收藏数 74
精华内容 29
关键字:

网站stripe