【发布时间】:2020-04-28 18:35:37
【问题描述】:
我即将在网站上实施付款。
我见过像使用这个 Javascript 代码这样的解决方案
function onBuyClicked() {
if (!window.PaymentRequest) {
// PaymentRequest API is not available. Forwarding to
// legacy form based experience.
location.href = '/checkout';
return;
}
// Supported payment methods
var supportedInstruments = [{
supportedMethods: ['basic-card'],
data: {
supportedNetworks: [
'visa', 'mastercard', 'amex', 'discover',
'diners', 'jcb', 'unionpay'
]
}
}];
// Checkout details
var details = {
displayItems: [{
label: 'Original donation amount',
amount: { currency: 'USD', value: '65.00' }
}, {
label: 'Friends and family discount',
amount: { currency: 'USD', value: '-10.00' }
}],
total: {
label: 'Total due',
amount: { currency: 'USD', value : '55.00' }
}
};
// 1. Create a `PaymentRequest` instance
var request = new PaymentRequest(supportedInstruments, details);
// 2. Show the native UI with `.show()`
request.show()
// 3. Process the payment
.then(result => {
// POST the payment information to the server
return fetch('/pay', {
method: 'POST',
credentials: 'include',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(result.toJSON())
}).then(response => {
// 4. Display payment results
if (response.status === 200) {
// Payment successful
return result.complete('success');
} else {
// Payment failure
return result.complete('fail');
}
}).catch(() => {
return result.complete('fail');
});
});
}
document.querySelector('#start').addEventListener('click', onBuyClicked);
但这段 Javascript 代码对于查看页面源代码的任何人来说都是完全可见的。
还有更多,假设我想将成功的购买存储到我的服务器。帖子将可见。
这不是安全风险吗?
有什么方法可以保护它吗?
【问题讨论】:
-
JavaScript代码“可见”不会使事情变得不安全。我建议您熟悉并阅读Payment Request API本身的安全性 - developers.google.com/web/ilt/pwa/… 以更好地回答您的问题这种方法有多安全。仍然由后端服务器来确定请求是否合法 - 在安全性方面,您应该永远仅依赖前端代码。
标签: javascript payment-request-api