Javascript 万事达卡支付网关API单页应用程序
我将Mastercard支付网关API用于托管会话: 集成在第一次加载时按预期工作,但已写入单页应用程序。当用户通过面包屑返回页面时(使用javascript哈希加载“页面”)。当用户返回到支付“页面”时,应再次触发Mastercard支付api,但不会发生这种情况 文档没有说明是否可以多次发送Javascript 万事达卡支付网关API单页应用程序,javascript,api,single-page-application,mastercard,Javascript,Api,Single Page Application,Mastercard,我将Mastercard支付网关API用于托管会话: 集成在第一次加载时按预期工作,但已写入单页应用程序。当用户通过面包屑返回页面时(使用javascript哈希加载“页面”)。当用户返回到支付“页面”时,应再次触发Mastercard支付api,但不会发生这种情况 文档没有说明是否可以多次发送PaymentSession.configure({}),但我假设这是我的问题 我已经尝试“重置”了PaymentSession,并重新加载了session.jsjavascript,但到目前为止还无法让
PaymentSession.configure({})
,但我假设这是我的问题
我已经尝试“重置”了PaymentSession
,并重新加载了session.js
javascript,但到目前为止还无法让这个特定的案例正常工作。我想知道是否有办法“重置”configure()
我不希望复制和粘贴我的代码,因为这是一个支付集成,尽管它与文档中的示例非常类似。我还想说,这个问题与我的个人代码无关,更与万事达卡的支付API的工作方式无关,而且我的网站是一个单独的页面,而不是在需要时只加载session.js。我不喜欢op给出答案,但我有一个解决方案:
$.getScript("<mastercard url + version + merchant id>/session.js", function() {
//PaymentSession && PaymentSession.configure();
});
$.getScript(“/session.js”,function(){
//PaymentSession&&PaymentSession.configure();
});
每次调用单页支付哈希时,都使用jQuery加载session.js
。执行MasterCard支付脚本后,它将运行PaymentSession.configure()
我的公司最终将不再使用万事达卡支付api,因此这是一个合适的解决方案,不会增加太多页面负载。
我仍然很想知道是否可以用另一种方式重置此脚本。首先安装jquery,然后在组件中执行此操作
declare const PaymentSession: any;
$.getScript(
<"mastercard url/version/merchantId>/session.js",
function () {
if (PaymentSession) {
PaymentSession.configure({
fields: {
// ATTACH HOSTED FIELDS TO YOUR PAYMENT PAGE FOR A CREDIT CARD
card: {
number: "#card-number",
securityCode: "#security-code",
expiryMonth: "#expiry-month",
expiryYear: "#expiry-year",
nameOnCard: "#cardholder-name",
},
},
session: "xxxxxxxxxxxxxxxx",
//SPECIFY YOUR MITIGATION OPTION HERE
frameEmbeddingMitigation: ["javascript"],
callbacks: {
initialized: function (response) {
console.log(response);
// HANDLE INITIALIZATION RESPONSE
},
formSessionUpdate: function (response) {
// HANDLE RESPONSE FOR UPDATE SESSION
if (response.status) {
if ("ok" == response.status) {
console.log(
"Session updated with data: " +
response.session.id
);
//check if the security code was provided by the user
if (
response.sourceOfFunds.provided.card
.securityCode
) {
console.log(
"Security code was provided."
);
}
//check if the user entered a Mastercard credit card
if (
response.sourceOfFunds.provided.card
.scheme == "MASTERCARD"
) {
console.log(
"The user entered a Mastercard credit card."
);
}
} else if (
"fields_in_error" == response.status
) {
console.log(
"Session update failed with field errors."
);
if (response.errors.cardNumber) {
console.log(
"Card number invalid or missing."
);
}
if (response.errors.expiryYear) {
console.log(
"Expiry year invalid or missing."
);
}
if (response.errors.expiryMonth) {
console.log(
"Expiry month invalid or missing."
);
}
if (response.errors.securityCode) {
console.log(
"Security code invalid."
);
}
} else if (
"request_timeout" == response.status
) {
console.log(
"Session update failed with request timeout: " +
response.errors.message
);
} else if (
"system_error" == response.status
) {
console.log(
"Session update failed with system error: " +
response.errors.message
);
}
} else {
console.log(
"Session update failed: " + response
);
}
},
},
interaction: {
displayControl: {
formatCard: "EMBOSSED",
invalidFieldCharacters: "REJECT",
},
},
});
}
}
);
declare const PaymentSession:any;
$.getScript(
Hi@TomFirth你能帮我在基于ionic 3的应用程序中集成master card支付网关吗?我们如何在Android中使用它?可能来自webview?你能用js html文件向我介绍github示例吗!!Android没有本地sdk!!嗨,你能帮我弄清楚如何获取会话id吗?嗨,你能帮我吗使用会话id进行支付?@MunawarHussian您在session.js中找到如何通过PaymentSession实现它了吗?文档仅显示带有REST API的示例,这符合CORS问题!