#javascript #node.js #stripe-payments
#javascript #node.js #stripe-платежи
Вопрос:
Я использовал платежный шлюз Stripe для добавления опции оплаты в свой проект, в моей модели пользовательской схемы я добавил isPaid (который по умолчанию является логическим значением var и false), при успешном платеже я хочу сделать isPaid = true, ниже приведен мой index.js и checkout.js , но при попытке реализовать req.user.isPaid = true; я либо не могу получить доступ к этой переменной, либо она становится true перед оплатой.С нетерпением жду некоторой помощи
// // GET checkout
router.get('/checkout', middleware.isLoggedIn, (req, res) => {
if (req.user.isPaid) {
req.flash('success', 'Your account is already paid');
return res.redirect('/students');
}
// payWithCard(stripe, card, data.clientSecret);
res.render('checkout', { amount: 100 });
});
const calculateOrderAmount = items => {
return 100;
};
router.post("/create-payment-intent", async (req, res) => {
const { items } = req.body;
// Create a PaymentIntent with the order amount and currency
try{
const paymentIntent = await stripe.paymentIntents.create({
amount: calculateOrderAmount(items),
currency: "inr"
});
res.send({
clientSecret: paymentIntent.client_secret
});
}
catch(e){
}
});
Это мой checkout.js
//checkout.js
var stripe = Stripe(process.env.SecretKey);
// The items the customer wants to buy
var purchase = {
items: [{ id: "Teacher Registration Fee" }],
currency: "inr"
};
// Disable the button until we have Stripe set up on the page
document.querySelector("button").disabled = true;
fetch("/create-payment-intent", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(purchase)
})
.then(function(result) {
return result.json();
})
.then(function(data) {
var elements = stripe.elements();
var style = {
base: {
color: "#32325d",
fontFamily: 'Arial, sans-serif',
fontSmoothing: "antialiased",
fontSize: "16px",
"::placeholder": {
color: "#32325d"
}
},
invalid: {
fontFamily: 'Arial, sans-serif',
color: "#fa755a",
iconColor: "#fa755a"
}
};
var card = elements.create("card", { style: style });
// Stripe injects an iframe into the DOM
card.mount("#card-element");
card.on("change", function (event) {
// Disable the Pay button if there are no card details in the Element
document.querySelector("button").disabled = event.empty;
document.querySelector("#card-error").textContent = event.error ? event.error.message : "";
});
var form = document.getElementById("payment-form");
form.addEventListener("submit", function(event) {
event.preventDefault();
// Complete payment when the submit button is clicked
payWithCard(stripe, card, data.clientSecret);
});
});
// Calls stripe.confirmCardPayment
// If the card requires authentication Stripe shows a pop-up modal to
// prompt the user to enter authentication details without leaving your page.
var payWithCard = function(stripe, card, clientSecret) {
loading(true);
stripe
.confirmCardPayment(clientSecret, {
payment_method: {
card: card
}
})
.then(function(result) {
if (result.error) {
// Show error to your customer
showError(result.error.message);
} else {
// The payment succeeded!
orderComplete(result.paymentIntent.id);
}
});
};
/* ------- UI helpers ------- */
// Shows a success message when the payment is complete
var orderComplete = function(paymentIntentId) {
loading(false);
document
.querySelector(".result-message a")
.setAttribute(
"href",
"https://dashboard.stripe.com/test/payments/" paymentIntentId
);
document.querySelector(".result-message").classList.remove("hidden");
document.querySelector("button").disabled = true;
};
// Show the customer the error from Stripe if their card fails to charge
var showError = function(errorMsgText) {
loading(false);
var errorMsg = document.querySelector("#card-error");
errorMsg.textContent = errorMsgText;
setTimeout(function() {
errorMsg.textContent = "";
}, 4000);
};
// Show a spinner on payment submission
var loading = function(isLoading) {
if (isLoading) {
// Disable the button and show a spinner
document.querySelector("button").disabled = true;
document.querySelector("#spinner").classList.remove("hidden");
document.querySelector("#button-text").classList.add("hidden");
} else {
document.querySelector("button").disabled = false;
document.querySelector("#spinner").classList.add("hidden");
document.querySelector("#button-text").classList.remove("hidden");
}
};
Комментарии:
1. Привет, Явар, у Express нет
user
свойства для объекта запроса, насколько я знаю. Насколько я понимаю, вы, вероятно, захотите изучить возможность настройки какой-либо формы управления доступом на основе ролей. Идея заключается в том, что вы бы создали внутреннее представление пользователя (т. Е. пользовательскую модель) в своей базе данных, которую вы бы затем обновили, независимо от того, оплачено это или нет. Я бы порекомендовал поискать в Google «Управление доступом на основе ролей узел / Экспресс», чтобы найти подход, соответствующий вашим потребностям!2. привет, ttmarek! Ваше восприятие полностью верно, но я уже привел его к этому, создав UserModel, и проблема здесь заключается в обновлении значения свойств пользовательской схемы, которая является isPaid. переменная UserSchema = новый мангуст. Схема({ имя пользователя: {тип: строка, уникальный: true, требуемый: true}, пароль: Строка, электронная почта: {тип: Строка, уникальный: true, требуемый: true}, isPaid: { тип: логическое значение, по умолчанию: false } }); Пользовательская схема.плагин (passportLocalMongoose); module.exports = mongoose.model(«Пользователь», Пользовательская схема);