javascript - 结帐后收据中的 Shopify 脚本显示付款信息

Question

对 Shopify 进行一些研究，以确定我是否想使用它。因此，我从使用它的网站上购买了一些东西，并查看了每一步的查看源代码

我很震惊地发现，在结帐收据返回的 JavaScript 中，有大量令人震惊的信用卡信息，很容易被黑客查看，因此很容易被黑客捕获。

这是一个更改了我的所有数据的示例

<script>
Shopify.checkout = {"created_at":"2019-11-13T19:57:17-    05:00","currency":"USD","customer_id":1234566541236,"customer_locale":"en","email":"zippy@hotmail.com","    location_id":null,"order_id":1870404943944,"payment_due":"114.33","payment_url":"https:\/\/elb.deposit.s  hopifycs.com\/sessions","phone":null,"presentment_currency":"USD","reservation_time":null,"reservation_time_left":0,"requires_shipping":true,"source_name":"checkout_next","source_identifier":null,"source_url":null,"subtotal_price":"99.00","taxes_included":false,"tax_exempt":false,"tax_lines":   [{"price":"6.41","rate":0.06,"title":"OR State Tax"},
 {"price":"1.07","rate":0.01,"title":"Oregon Tax"}],
"token":"4c9d55f9bb8898e40fe36e1e75988070",
"total_price":"114.33",
"total_tax":"7.48",
"updated_at":"2019-11-13T19:57:40-05:00",
"line_items":   [{"id":"0d2b6dd0ad0186984480fb36817f9ed8","key":"0d2b6dd0ad0186984480fb36817f9ed8","product_id":15925165 42536,"variant_id":15850525491272,"sku":"ESI 071252","vendor":"My Shopify Store","title":" Euro High  Flow S1 Male Coupler","variant_title":"3\/8\"  Male","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/1239\/9256\/products\/DSC01397.jpg? v=1549034841","taxable":true,"requires_shipping":true,"gift_card":false,"price":"24.75","compare_at_pric e":null,"line_price":"49.50","properties":  {},
"quantity":2,"grams":85,"fulfillment_service":"manual","applied_discounts":[]},
 {"id":"062af9384331b020660f9a021afb55ed","key":"062af9384331b020660f9a021afb55ed","product_id":142986457 9144,"variant_id":12867363536968,"sku":"ESI 071202","vendor":"My Shopify Store","title":" Euro High Flow  S1 Female Coupler","variant_title":"3\/8\"  Female","image_url":"https:\/\/cdn.shopify.com\/s\/files\/1\/1239\/9256\/products\/0U9A6198.jpg? v=1568991566","taxable":true,"requires_shipping":true,"gift_card":false,"price":"24.75","compare_at_pric e":null,"line_price":"49.50","properties":{},
"quantity":2,"grams":85,"fulfillment_service":"manual","applied_discounts":[]}],
"gift_cards":[],
"shipping_rate":{"handle":"BOXIFY (2.0)-USPS%20Priority%20Mail%7CC7739467-7.85","price":"7.85","title":"USPS Priority Mail"},
"shipping_address":  {"id":1234566543458,"first_name":"Tim","last_name":"Simmons","phone":"+15555555555","company":"","address1":"123 Main Street","address2":"","city":"Juxnus","province":"Oregon","province_code":"OR","country":"United States","country_code":"US","zip":"12345"},
**"credit_card":   {"first_name":"Tim","last_name":"Simmons","first_digits":"123456","last_digits":"9876","brand":"american_express","expiry_month":1,"expiry_year":2085,
"customer_id":1234566541236},
"billing_address":   {"id":1234566543458,"first_name":"Tim","last_name":"Simmons","phone":"+19148260061","company":"","address1":"123 Main Street","address2":"","city":"Juxnus","province":"Oregon","province_code":"OR","country":"United     States","country_code":"US","zip":"12345"},**
"discount":null};
</script>

这是标准行为吗？显示 10 位数字的 CC、手机号码、到期信息和帐单地址？

如果 Shopify 的某人进行监控

如果这是标准行为还是开发人员错误，请回复，我当然希望是后者!

Answer 1

如果网站存在安全漏洞(例如某种 XSS 攻击)，黑客就可以窃取任何信息。

但这同样适用于您的网上银行，因此需要采取安全措施来防止这种情况发生。

也就是说，Shopify 拥有非常安全的结帐流程，因为它每次都会重定向到新的结帐流程，并且很难创建可行的 XSS 或 CSRF 攻击。 (并非不可能，但比 WooCommerce 结账要困难得多)

此外，Checkout 是一个封闭平台，不允许使用任何应用程序(他们很快就会支持此功能)，并且只有 Shopify Plus 成员(member)才能实际编辑 checkout.liquid 文件。

如果卡的详细信息存储在输入字段或 JS 对象中，则没有区别，如果黑客可以访问该对象，他也将能够访问输入。

此外，Shopify 在白帽黑客社区中非常活跃，任何报告的错误都会付费 https://hackerone.com/shopify他们很快就能修复它们。

Shopify 成为首选电子商务解决方案是有原因的。从安全 Angular 来看，它比 Magento/WooCommerce 等许多其他自托管服务安全得多。