tlongren/money-collector

使用 Stripe 的简单资金收集器

1.0 2015-06-28 07:05 UTC

This package is not auto-updated.

Last update: 2024-09-28 16:46:01 UTC


README

这是一个简单的网站,可以通过 Stripe 接受支付。您需要获得一个 Stripe 账户

您可以在 http://pay.longren.org/ 上看到它的实际应用。如果您觉得这很有用,请随意给我一些咖啡和啤酒的钱。 :)

这受到了 begriffs/lucre, like this but in Ruby 的启发。

如果您发现任何问题或问题,请使用 此处的 Github 问题跟踪器 报告。

来自 Josh Bader 的 Ribbon CSS 和来自 Joey 的表单 CSS。

设置

  1. 打开 index.php 和 pay.php。

  2. 在 index.php 中,将第 2 行的 $yourName 变量更改为您想要的任何内容。

  3. 在 Index.php 中,编辑 JavaScript 变量 publicTestKeypublicLiveKey。您可以在 Stripe 设置中找到这些密钥。这些密钥是可发布的。

  4. 在 pay.php 中,设置您的私钥和私测密钥(第 12 行和 13 行)。

  5. 将所有文件上传到支持 PHP 的 Web 服务器。

  6. 如果您上传到名为 pay-me 的域.com 文件夹,您的支付表单将在 http://domain.com/pay-me/

7a. 要上线,打开 pay.php 并将 $privateTestKey 替换为 $privateLiveKey,在 Stripe::setApiKey 方法内部。

7b. 打开 index.php 并将 publicTestKey 替换为 publicLiveKey,在 Stripe.setPublishableKey JavaScript 函数内部。

  1. 对于 SSL,从 tinycert.org 获取免费的 SSL 自签名证书,并使用 cloudflare(需要专业账户)或 Cloudbric

自定义

如果您不喜欢背景图片,更改它非常简单。资产文件夹中还有一些额外的背景,除了默认背景外,所有都是 png 文件。要更改背景图片,在资产文件夹中找到您想要的背景,并复制文件名。打开 style.css 并将第 15 行的 default_background.jpg 替换为从资产文件夹复制的文件名。所以,如果您切换到 black_lozenge.png,您将用 black_lozenge.png 替换 default_background.jpg。您还想要移除 background-size 属性,并从第 15 行移除 no-repeat center center fixed 部分,否则您的新背景不会像应该那样平铺。

所以,基本上,将这个

body {
    background:url("/assets/default_background.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

改为这个

body {
	background:url("/assets/black_lozenge.png");
}