Coinbase同源

Question

我的coinbase支付按钮不显示。我从coinbase收到这个错误消息：

拒绝在帧中显示'https://coinbase.com/transactions‘，因为它将'X- frame -Options’设置为'SAMEORIGIN‘

他们的客服太烂了，我已经等了两天了。

我在htaccess上试过了

Header set Access-Control-Allow-Origin "%{HTTP_ORIGIN}e" env=HTTP_ORIGIN

<ifModule mod_headers.c>
Header always set Access-Control-Allow-Origin: "*"
Header always set Access-Control-Allow-Methods  "POST, GET, PUT, DELETE, OPTIONS"
Header always set Access-Control-Allow-Headers "X-    Requested-With"
</ifModule>

所有这些都不起作用。

我该如何解决这个问题？

iframe就是他们的按钮的工作方式。如果我使用他们的演示按钮，它工作得很好。当我将demo按钮上的data-code更改为我的data code时，它会抛出这个错误。

Answer 1

我在这里发布这篇文章是因为。

我使用的是react组件：https://github.com/coinbase/react-coinbase-commerce

我的任务是这样的：

const myNewChargeObj = {
  addresses:
   { bitcoincash: 'qpkwp5s5tr3thjxlejq4qfvkclavx7ur2cce4la6m6',
     bitcoin: '16FZj5WK6Dj7i4mgnaryLnGfy5XRr56fug',
     ethereum: '0xeb7638d57fadb724e97fd4f4b80ed0fb24b8e9d0',
     litecoin: 'Lh8AtZD8Zzy32gZvZAGyBtnBvFCbQ12hf8' },
  code: '9D8FQUP7',
  created_at: '2019-01-10T08:18:53Z',
  description: 'test-desc',
  expires_at: '2019-01-10T09:18:53Z',
  hosted_url: 'https://commerce.coinbase.com/charges/9C7ETZP6',
  id: '27e32b69-563a-40f1-b1c8-ad947dab190c',
  metadata: {},
  name: 'test-purchas-name',
  payments: [],
  pricing:
   { local: { amount: '1337.00', currency: 'USD' },
     ethereum: { amount: '9.820773000', currency: 'ETH' },
     bitcoin: { amount: '0.35138115', currency: 'BTC' },
     bitcoincash: { amount: '9.38838565', currency: 'BCH' },
     litecoin: { amount: '37.66727708', currency: 'LTC' } },
  pricing_type: 'fixed_price',
  resource: 'charge',
  timeline: [ { status: 'NEW', time: '2019-01-10T08:18:53Z' } ]
}

阅读文档让我觉得我应该像这样实例化我的React组件：

...
<CoinbaseCommerceButton checkoutId={'27e32b69-563a-40f1-b1c8-ad947dab190c'}/>
...

这会导致客户端遇到操作员提到的错误：

Refused to display 'https://commerce.coinbase.com/embed/charges/27e32b69-563a-40f1-b1c8-ad947dab190c?origin=http%3A%2F%2Flocalhost%3A8080&version=1.3.1&buttonId=9dc5056f-6980-4e66-bd7a-920e9aa3c469&cacheDisabled=undefined' in a frame because it set 'X-Frame-Options' to 'deny'

结果，我需要实例化组件，如下所示：

...
<CoinbaseCommerceButton checkoutId={'9D8FQUP7'}/>
...

然后它就能工作了！

祝你黑客快乐。

Answer 2

Coinbase不允许您将交易页面作为iframe。如果您登录到您的帐户并转到此处(https://coinbase.com/merchant_tools)，您可以创建一个付款按钮，该按钮将允许您使用accept按钮。