Payment Handler API 将需要 CSP connect-src
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Payment Handler API
允许付款服务机构针对
以及 Payment Request API。
此页面上的信息仅适用于同时使用 CSP(内容安全政策)的网站
和 Payment Request API。如果你不加使用或只用其中一种
可以跳过这些说明
如需查看您的付款服务机构是否在使用 Payment Handler API,请与他们联系
然后按照说明操作。
如果您对付款处理程序 API 和 CSP(内容安全政策)使用
您需要确保从服务器发出的 HTTP 请求的域
系统会将浏览器添加到 CSP 标头的 connect-src
指令中。
例如,如果您的 JavaScript 代码调用 new
PaymentRequest([{supportedOrigins: ‘https://example.com/pay’}], details)
,则
您的 CSP connect-src
必须包含https://example.com
或
https://example.com/pay
:
Content-Security-Policy: connect-src https://example.com/pay
如果 https://example.com/pay
是跨源重定向,则目的地
源也应该包含在 CSP 中例如,如果
https://example.com/pay
重定向到 https://pay.example.com
,则
源必须包含在 CSP 中:
Content-Security-Policy: connect-src https://example.com/pay https://pay.example.com
在本地试用
如需在发货前在本地启用该功能,请执行以下操作:
- 在 Chrome 上访问
chrome://flags/#web-payment-api-csp
。
- 更改“Web Payment API 的 CSP 政策”从“默认”“已启用”
- 重启 Chrome。
检查请求网址
如需查看从 Payment Handler API 发送的请求的网址,请执行以下操作:
- 启用
chrome://flags/#web-payment-api-csp
。
- 前往结账页,然后打开 Chrome 的开发者工具。
- 查找如下所示的错误消息:
text
RangeError: Failed to construct 'PaymentRequest': https://example.com/pay payment method identifier violates Content Security Policy.
- 将指定的方法标识符添加到您的 CSP。
照片由 Eduardo Soares 提供,由 Unsplash 提供
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-09-29。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2022-09-29\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2022-09-29。"],[],[]]