{"id":29734,"date":"2021-06-17T14:32:00","date_gmt":"2021-06-17T11:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29734"},"modified":"2025-02-12T05:49:10","modified_gmt":"2025-02-12T02:49:10","slug":"posibnyk-z-intehratsii-smuh-na-veb-sajti-z-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/uk\/posibnyk-z-intehratsii-smuh-na-veb-sajti-z-php\/","title":{"rendered":"\u041f\u043e\u0441\u0456\u0431\u043d\u0438\u043a \u0437 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u0457 \u0441\u043c\u0443\u0433 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456 \u0437 PHP"},"content":{"rendered":"

\u042f\u043a\u0449\u043e \u0443 \u0432\u0430\u0441 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442, \u044f\u043a\u0438\u0439 \u0437\u0431\u0438\u0440\u0430\u0454 \u043e\u043d\u043b\u0430\u0439\u043d-\u043f\u043b\u0430\u0442\u0456\u0436, \u0442\u043e, \u043c\u0430\u0431\u0443\u0442\u044c, \u0432\u0438 \u0447\u0443\u043b\u0438 \u043f\u0440\u043e Stripe Payment Gateway<\/strong>. \u0417\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Stripe \u043c\u043e\u0436\u043d\u0430 \u043f\u0440\u0438\u0439\u043d\u044f\u0442\u0438 \u043f\u043b\u0430\u0442\u0456\u0436 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043a\u0440\u0435\u0434\u0438\u0442\u043d\u043e\u0457 \u0430\u0431\u043e \u0434\u0435\u0431\u0435\u0442\u043e\u0432\u043e\u0457 \u043a\u0430\u0440\u0442\u043a\u0438. \u0426\u0435 \u0431\u0456\u043b\u044c\u0448 \u0437\u0440\u0443\u0447\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u0456\u0431 \u043e\u043f\u043b\u0430\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u0406\u043d\u0442\u0435\u0440\u043d\u0435\u0442 \u0434\u043b\u044f \u0441\u0432\u043e\u0457\u0445 \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432. \u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u043c\u0438 \u0432\u0438\u0432\u0447\u0430\u0454\u043c\u043e \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044e Stripe \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PHP.<\/p>\n

\u0427\u043e\u043c\u0443 \u0441\u043b\u0456\u0434 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0448\u043b\u044e\u0437\u043e\u0432\u0438\u0439 \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0438\u0439 \u0448\u043b\u044e\u0437?<\/h3>\n

Stripe<\/a> – \u043e\u0434\u0438\u043d \u0456\u0437 \u043d\u0430\u0439\u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u0456\u0448\u0438\u0445 \u0442\u0430 \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0438\u0445 \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0438\u0445 \u0448\u043b\u044e\u0437\u0456\u0432 \u0432 \u0406\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0456. \u0414\u0430\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430 \u0437\u0430\u0432\u0436\u0434\u0438 \u043d\u0430\u0434\u0456\u0439\u043d\u043e \u0437\u0430\u0445\u0438\u0449\u0435\u043d\u0456 \u0432\u0456\u0434 \u043f\u043b\u0430\u0442\u0435\u0436\u0456\u0432 Stripe. \u041d\u0430\u0441\u043f\u0440\u0430\u0432\u0434\u0456, \u043d\u0430 \u043a\u0430\u0441\u0456 Stripe \u0432\u043e\u043d\u0438 \u043d\u0430\u0434\u0430\u044e\u0442\u044c \u0437\u0433\u0435\u043d\u0435\u0440\u043e\u0432\u0430\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438, \u0434\u0435 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043f\u043e\u0432\u0438\u043d\u0435\u043d \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u0430\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438. \u0415\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0434\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 \u043a\u0430\u0440\u0442\u043a\u0438 \u0441\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c\u0441\u044f Stripe \u043f\u0456\u0434 \u0447\u0430\u0441 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f, \u0449\u043e \u0440\u043e\u0431\u0438\u0442\u044c \u0446\u0435\u0439 \u0448\u043b\u044e\u0437 \u0431\u0456\u043b\u044c\u0448 \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0438\u043c.<\/p>\n

\u041f\u0456\u0441\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0440\u0435\u043a\u0432\u0456\u0437\u0438\u0442\u0456\u0432 \u043a\u0430\u0440\u0442\u043a\u0438 Stripe \u0433\u0435\u043d\u0435\u0440\u0443\u0454 \u043c\u0430\u0440\u043a\u0435\u0440, \u044f\u043a\u0438\u0439 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438\u043c\u0435\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0441\u0442\u044f\u0433\u043d\u0435\u043d\u043d\u044f \u043f\u043b\u0430\u0442\u0438 \u0437\u0430 \u043a\u0430\u0440\u0442\u043a\u0443. \u042f\u043a \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442, \u0437\u043e\u0432\u0441\u0456\u043c \u043d\u0435 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u0434\u0430\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438.<\/p>\n

\u0417 \u043e\u0433\u043b\u044f\u0434\u0443 \u043d\u0430 \u0446\u0435, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0434\u0438\u0432\u0438\u043c\u043e\u0441\u044c \u043d\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044e Stripe \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e PHP.<\/p>\n

\u041e\u0442\u0440\u0438\u043c\u0430\u0439\u0442\u0435 \u043a\u043b\u044e\u0447\u0456 API \u0434\u043b\u044f \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u0457 \u0441\u043c\u0443\u0436\u043e\u043a<\/h3>\n

\u0414\u043b\u044f \u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u0441\u043b\u0456\u0434 \u043c\u0430\u0442\u0438 \u043e\u0431\u043b\u0456\u043a\u043e\u0432\u0438\u0439 \u0437\u0430\u043f\u0438\u0441 Stripe<\/a>. \u0429\u043e\u0431 \u0456\u043d\u0442\u0435\u0433\u0440\u0443\u0432\u0430\u0442\u0438 \u0448\u043b\u044e\u0437 Stripe \u0443 \u0441\u0432\u043e\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443, \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u043e\u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u0438\u0439 \u043a\u043b\u044e\u0447 Stripe \u0442\u0430 \u043a\u043b\u044e\u0447, \u044f\u043a\u0438\u0439 \u043c\u043e\u0436\u043d\u0430 \u043e\u043f\u0443\u0431\u043b\u0456\u043a\u0443\u0432\u0430\u0442\u0438.<\/p>\n

\u0423\u0432\u0456\u0439\u0434\u0456\u0442\u044c \u043d\u0430 \u0441\u0432\u043e\u044e \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0443 \u043f\u0430\u043d\u0435\u043b\u044c Stripe. \u0412\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u0454\u0442\u0435 \u0446\u0456 \u043a\u043b\u044e\u0447\u0456 \u0432\u0456\u0434 Developers-> API Keys<\/strong>. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u0441\u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438 \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0456 \u043e\u043f\u0435\u0440\u0430\u0446\u0456\u0457 \u0432 \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u043c\u0443 \u0440\u0435\u0436\u0438\u043c\u0456. \u042f\u043a\u0449\u043e \u0432\u0441\u0435 \u043f\u0440\u0430\u0446\u044e\u0454 \u0434\u043e\u0431\u0440\u0435, \u043f\u0435\u0440\u0435\u0439\u0434\u0456\u0442\u044c \u0443 \u0436\u0438\u0432\u0438\u0439 \u0440\u0435\u0436\u0438\u043c. \u0422\u043e\u0436 \u0437\u0430\u0445\u043e\u043f\u0456\u0442\u044c \u043a\u043b\u044e\u0447\u0456 API \u0434\u043b\u044f \u0440\u0435\u0436\u0438\u043c\u0443 \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n

\"\u041f\u043e\u0441\u0456\u0431\u043d\u0438\u043a<\/a><\/p>\n

\u0424\u043e\u0440\u043c\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0432 \u0441\u043c\u0443\u0436\u043a\u0443<\/h3>\n

\u041a\u043e\u0436\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0443, \u043a\u043e\u043b\u0438 \u043c\u0438 \u0456\u043d\u0442\u0435\u0433\u0440\u0443\u0454\u043c\u043e \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0438\u0439 \u0448\u043b\u044e\u0437 \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u0434\u0435\u0442\u0430\u043b\u0456 \u0442\u0440\u0430\u043d\u0441\u0430\u043a\u0446\u0456\u0457 \u0432 \u0431\u0430\u0437\u0456 \u0434\u0430\u043d\u0438\u0445. \u0422\u043e\u0436 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u043c\u043e payments<\/code>\u0442\u0430\u0431\u043b\u0438\u0446\u044e, \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0447\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u043d\u0438\u0436\u0447\u0435 SQL-\u0437\u0430\u043f\u0438\u0442.<\/p>\n

CREATE TABLE `payments` (\u00a0`id` int(11) NOT NULL AUTO_INCREMENT,\n\u00a0`payment_id` varchar(255) NOT NULL,\n\u00a0`amount` float(10,2) NOT NULL,\n\u00a0`currency` varchar(255) NOT NULL,\n\u00a0`payment_status` varchar(255) NOT NULL,\n\u00a0`captured_at` datetime NOT NULL DEFAULT current_timestamp(),\n\u00a0PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=latin1;<\/code><\/pre>\n
\u0414\u0430\u043b\u0456 \u0441\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0444\u043e\u0440\u043c\u0443 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f. \u042f\u043a \u044f \u0432\u0436\u0435 \u0437\u0433\u0430\u0434\u0443\u0432\u0430\u0432 \u0440\u0430\u043d\u0456\u0448\u0435, Stripe \u0433\u0435\u043d\u0435\u0440\u0443\u0454 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0430\u0440\u0442\u043a\u0438 \u0434\u043b\u044f \u0432\u0430\u0441. \u041c\u0438 \u0437\u0433\u0435\u043d\u0435\u0440\u0443\u0454\u043c\u043e \u0446\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0443 \u0444\u043e\u0440\u043c\u0456 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f, \u0434\u043e\u0442\u0440\u0438\u043c\u0443\u044e\u0447\u0438\u0441\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u0457 Stripe<\/a>.<\/p>\n
\u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c index.html<\/code>\u0444\u0430\u0439\u043b \u0456 \u043f\u043e\u043c\u0456\u0441\u0442\u0456\u0442\u044c \u0432 \u043d\u044c\u043e\u0433\u043e \u043a\u043e\u0434 \u043d\u0438\u0436\u0447\u0435.<\/p>\n
<link rel=\"stylesheet\" href=\"style.css\" \/>\n<script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\n<form action=\"charge.php\" method=\"post\" id=\"payment-form\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-row\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"amount\" placeholder=\"Enter Amount\" \/>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"card-element\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Credit or debit card\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div id=\"card-element\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<!-- A Stripe Element will be inserted here. -->\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<!-- Used to display form errors. -->\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div id=\"card-errors\" role=\"alert\"><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0<button>Submit Payment<\/button>\n<\/form>\n<script src=\"card.js\"><\/script><\/code><\/pre>\n
\u0414\u043e\u0434\u0430\u0439\u0442\u0435 \u0441\u0442\u0438\u043b\u044e \u0434\u043e \u0444\u043e\u0440\u043c\u0438, \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0447\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0439 \u043d\u0438\u0436\u0447\u0435 \u043a\u043e\u0434 \u0443 style.css<\/code>\u0444\u0430\u0439\u043b\u0456.<\/p>\n
.StripeElement {\n\u00a0\u00a0\u00a0\u00a0box-sizing: border-box;\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0height: 40px;\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0padding: 10px 12px;\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0border: 1px solid transparent;\n\u00a0\u00a0\u00a0\u00a0border-radius: 4px;\n\u00a0\u00a0\u00a0\u00a0background-color: white;\n\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0box-shadow: 0 1px 3px 0 #e6ebf1;\n\u00a0\u00a0\u00a0\u00a0-webkit-transition: box-shadow 150ms ease;\n\u00a0\u00a0\u00a0\u00a0transition: box-shadow 150ms ease;\n}\n\u00a0\u00a0\n.StripeElement--focus {\n\u00a0\u00a0\u00a0\u00a0box-shadow: 0 1px 3px 0 #cfd7df;\n}\n\u00a0\u00a0\n.StripeElement--invalid {\n\u00a0\u00a0\u00a0\u00a0border-color: #fa755a;\n}\n\u00a0\u00a0\n.StripeElement--webkit-autofill {\n\u00a0\u00a0\u00a0\u00a0background-color: #fefde5 !important;\n}<\/code><\/pre>\n
\u041f\u0456\u0441\u043b\u044f \u0446\u044c\u043e\u0433\u043e, \u0449\u043e\u0431 \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043a\u0430\u0440\u0442\u043a\u0438 \u0442\u0430 stripeToken, \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0434\u043e\u0434\u0430\u0442\u0438 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043a\u043e\u0434 JavaScript \u0443 card.js<\/code>\u0444\u0430\u0439\u043b. \u0426\u0435\u0439 \u043a\u043e\u0434 JavaScript \u0442\u0430\u043a\u043e\u0436 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454 \u0434\u0430\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438.<\/p>\n
\/\/ Create a Stripe client.\nvar stripe = Stripe('PUBLISHABLE_KEY');\n\u00a0\u00a0\n\/\/ Create an instance of Elements.\nvar elements = stripe.elements();\n\u00a0\u00a0\n\/\/ Custom styling can be passed to options when creating an Element.\n\/\/ (Note that this demo uses a wider set of styles than the guide below.)\nvar style = {\n\u00a0\u00a0\u00a0\u00a0base: {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: '#32325d',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0fontSmoothing: 'antialiased',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0fontSize: '16px',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'::placeholder': {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: '#aab7c4'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0},\n\u00a0\u00a0\u00a0\u00a0invalid: {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color: '#fa755a',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0iconColor: '#fa755a'\n\u00a0\u00a0\u00a0\u00a0}\n};\n\u00a0\u00a0\n\/\/ Create an instance of the card Element.\nvar card = elements.create('card', {style: style});\n\u00a0\u00a0\n\/\/ Add an instance of the card Element into the `card-element` <div>.\ncard.mount('#card-element');\n\u00a0\u00a0\n\/\/ Handle real-time validation errors from the card Element.\ncard.addEventListener('change', function(event) {\n\u00a0\u00a0\u00a0\u00a0var displayError = document.getElementById('card-errors');\n\u00a0\u00a0\u00a0\u00a0if (event.error) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0displayError.textContent = event.error.message;\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0displayError.textContent = '';\n\u00a0\u00a0\u00a0\u00a0}\n});\n\u00a0\u00a0\n\/\/ Handle form submission.\nvar form = document.getElementById('payment-form');\nform.addEventListener('submit', function(event) {\n\u00a0\u00a0\u00a0\u00a0event.preventDefault();\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0stripe.createToken(card).then(function(result) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (result.error) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Inform the user if there was an error.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var errorElement = document.getElementById('card-errors');\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0errorElement.textContent = result.error.message;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Send the token to your server.\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0stripeTokenHandler(result.token);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0});\n});\n\u00a0\u00a0\n\/\/ Submit the form with the token ID.\nfunction stripeTokenHandler(token) {\n\u00a0\u00a0\u00a0\u00a0\/\/ Insert the token ID into the form so it gets submitted to the server\n\u00a0\u00a0\u00a0\u00a0var form = document.getElementById('payment-form');\n\u00a0\u00a0\u00a0\u00a0var hiddenInput = document.createElement('input');\n\u00a0\u00a0\u00a0\u00a0hiddenInput.setAttribute('type', 'hidden');\n\u00a0\u00a0\u00a0\u00a0hiddenInput.setAttribute('name', 'stripeToken');\n\u00a0\u00a0\u00a0\u00a0hiddenInput.setAttribute('value', token.id);\n\u00a0\u00a0\u00a0\u00a0form.appendChild(hiddenInput);\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\/\/ Submit the form\n\u00a0\u00a0\u00a0\u00a0form.submit();\n}<\/code><\/pre>\n
\u0412\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438 \u0437\u0430\u043f\u043e\u0432\u043d\u044e\u0432\u0430\u0447 PUBLISHABLE_KEY \u0432\u0430\u0448\u0438\u043c \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u0438\u043c \u043a\u043b\u044e\u0447\u0435\u043c \u0443 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043e\u043c\u0443 \u0432\u0438\u0449\u0435 \u043a\u043e\u0434\u0456.<\/p>\n
\u042f \u0434\u043e\u0434\u0430\u0432 \u0434\u043e \u0444\u043e\u0440\u043c\u0438 \u0432\u0438\u043f\u0430\u0434\u043a\u043e\u0432\u0438\u0439 \u0441\u0442\u0438\u043b\u044c. \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442\u0438 \u0434\u0438\u0437\u0430\u0439\u043d \u0444\u043e\u0440\u043c\u0438 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u0432\u0430\u0448\u043e\u0433\u043e \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0443. \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, Stripe \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454 \u0440\u0456\u0437\u043d\u0456 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u0457 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u043a\u0430\u0440\u0442\u043a\u0438. \u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0456\u0448\u0435 \u043f\u0440\u043e \u0446\u0435 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u0457<\/a>.<\/p>\n
\u041a\u043e\u043b\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043f\u043e\u0434\u0430\u0454 \u0444\u043e\u0440\u043c\u0443 \u0437 \u0434\u0430\u043d\u0438\u043c\u0438 \u043a\u0430\u0440\u0442\u043a\u0438, Stripe \u0433\u0435\u043d\u0435\u0440\u0443\u0454 \u043c\u0430\u0440\u043a\u0435\u0440 \u0443 \u0444\u043e\u043d\u043e\u0432\u043e\u043c\u0443 \u0440\u0435\u0436\u0438\u043c\u0456, \u044f\u043a\u0438\u0439 \u0431\u0443\u0434\u0435 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e \u044f\u043a \u043f\u0440\u0438\u0445\u043e\u0432\u0430\u043d\u0435 \u043f\u043e\u043b\u0435 ‘\u043c\u0430\u0440\u043a\u0435\u0440’. \u0426\u0435\u0439 \u043c\u0430\u0440\u043a\u0435\u0440 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438\u043c\u0435\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0441\u0442\u044f\u0433\u043d\u0435\u043d\u043d\u044f \u043f\u043b\u0430\u0442\u0438 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043a\u0430\u0440\u0442\u043a\u0438 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Stripe SDK.<\/p>\n
\u041c\u0438 \u0440\u043e\u0437\u043c\u0456\u0449\u0443\u0454\u043c\u043e \u0434\u0430\u043d\u0456 \u0444\u043e\u0440\u043c\u0438 \u0443 charge.php<\/code>. \u0423 \u0446\u044c\u043e\u043c\u0443 PHP-\u0444\u0430\u0439\u043b\u0456 \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0441\u0442\u044f\u0433\u0443\u0432\u0430\u0442\u0438 \u043f\u043b\u0430\u0442\u0443 \u0437 \u043a\u0430\u0440\u0442\u043a\u0438 \u0442\u0430 \u0437\u0434\u0456\u0439\u0441\u043d\u0438\u0442\u0438 \u043f\u043b\u0430\u0442\u0456\u0436.<\/p>\n
\u0421\u043c\u0443\u0433\u043e\u0432\u0430 \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044f \u0437 Omnipay \u0443 PHP<\/h3>\n
\u041c\u0438 \u0432\u0441\u0456 \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u044e\u0454\u043c\u043e \u0437 \u0431\u0430\u0437\u043e\u0432\u043e\u044e \u043a\u043e\u043d\u0444\u0456\u0433\u0443\u0440\u0430\u0446\u0456\u0454\u044e. \u0422\u0435\u043f\u0435\u0440, \u0449\u043e\u0431 \u0441\u0442\u044f\u0433\u043d\u0443\u0442\u0438 \u043f\u043b\u0430\u0442\u0443 \u0437 \u043a\u0430\u0440\u0442\u043a\u0438, \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u0456\u0442\u044c \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443 Omnipay Stripe<\/a>. \u0412\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 \u0442\u0435\u0440\u043c\u0456\u043d\u0430\u043b \u0443 \u043a\u043e\u0440\u0435\u043d\u0435\u0432\u043e\u043c\u0443 \u043a\u0430\u0442\u0430\u043b\u043e\u0437\u0456 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0442\u0430 \u0437\u0430\u043f\u0443\u0441\u0442\u0456\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0438\u0436\u0447\u0435:<\/p>\n
composer require league\/omnipay omnipay\/stripe<\/code><\/pre>\n
\u041f\u0456\u0441\u043b\u044f \u0432\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0438 \u0441\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0444\u0430\u0439\u043b config.php \u0442\u0430 \u0456\u043d\u0456\u0446\u0456\u0430\u043b\u0456\u0437\u0443\u0439\u0442\u0435 \u043f\u043b\u0430\u0442\u0456\u0436\u043d\u0438\u0439 \u043e\u0431’\u0454\u043a\u0442 \u0442\u0430 \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u0434\u043e \u0431\u0430\u0437\u0438 \u0434\u0430\u043d\u0438\u0445.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\u00a0\nuse OmnipayOmnipay;\n\u00a0\u00a0\u00a0\n\/\/ Connect with the database \n$db = new mysqli('MYSQL_HOST', 'MYSQL_DB_USERNAME', 'MYSQL_DB_PASSWORD', 'MYSQL_DB_NAME');\n\u00a0\u00a0\u00a0\u00a0\nif ($db->connect_errno) {\n\u00a0\u00a0\u00a0\u00a0die(\"Connect failed: \". $db->connect_error);\n}\n\u00a0\u00a0\u00a0\n$gateway = Omnipay::create('Stripe');\n$gateway->setApiKey('SECRET_KEY_HERE');<\/code><\/pre>\n
\u041e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u043e \u0437\u0430\u043c\u0456\u043d\u0456\u0442\u044c \u0443\u0441\u0456 \u0437\u0430\u043f\u043e\u0432\u043d\u044e\u0432\u0430\u0447\u0456 \u0444\u0430\u043a\u0442\u0438\u0447\u043d\u0438\u043c\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\u043c\u0438. \u0414\u0430\u043b\u0456, \u0443 \u0432\u0430\u0448\u043e\u043c\u0443 charge.php<\/code>\u043d\u0430\u043f\u0438\u0448\u0456\u0442\u044c \u043a\u043e\u0434 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0438\u043c \u0447\u0438\u043d\u043e\u043c.<\/p>\n
<?php\nrequire_once \"config.php\";\n\u00a0\u00a0\u00a0\nif (isset($_POST['stripeToken']) && !empty($_POST['stripeToken'])) {\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0try {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$token = $_POST['stripeToken'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$response = $gateway->purchase([\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'amount' => $_POST['amount'],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'currency' => 'USD',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'token' => $token,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0])->send();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ($response->isSuccessful()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ payment was successful: update database\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$arr_payment_data = $response->getData();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$payment_id = $arr_payment_data['id'];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$amount = $_POST['amount'];\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Insert transaction data into the database\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$isPaymentExist = $db->query(\"SELECT * FROM payments WHERE payment_id = '\".$payment_id.\"'\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if($isPaymentExist->num_rows == 0) { \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$insert = $db->query(\"INSERT INTO payments(payment_id, amount, currency, payment_status) VALUES('$payment_id', '$amount', 'USD', 'Captured')\");\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Payment is successful. Your payment id is: \". $payment_id;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ payment failed: display message to customer\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $response->getMessage();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0} catch(Exception $e) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo $e->getMessage();\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
\u041c\u0438 \u0437\u0430\u043a\u0456\u043d\u0447\u0438\u043b\u0438 \u0437 \u0447\u0430\u0441\u0442\u0438\u043d\u043e\u044e \u043a\u043e\u0434\u0443\u0432\u0430\u043d\u043d\u044f. \u0412\u043f\u0435\u0440\u0435\u0434 \u0456 \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0443\u0439\u0442\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0456 \u0432 \u043f\u0456\u0441\u043e\u0447\u043d\u0438\u0446\u0456. Stripe \u043d\u0430\u0434\u0430\u0454 \u0444\u0456\u043a\u0442\u0438\u0432\u043d\u0456 \u0434\u0430\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438<\/a> \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u043b\u0430\u0442\u0435\u0436\u0443.<\/p>\n
\u041a\u043e\u0436\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u0443, \u043a\u043e\u043b\u0438 \u0432\u0438 \u0432\u0438\u0440\u0456\u0448\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u043f\u0440\u044f\u043c\u043e\u043c\u0443 \u0435\u0444\u0456\u0440\u0456, \u0432\u0430\u043c \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0441\u0432\u0456\u0439 \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u0438\u0439 \u0442\u0430 \u043f\u0443\u0431\u043b\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u0439 \u043a\u043b\u044e\u0447 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u0440\u0435\u0430\u043b\u044c\u043d\u0438\u0445 \u0434\u0430\u043d\u0438\u0445.<\/p>\n
\u0421\u043f\u043e\u0434\u0456\u0432\u0430\u044e\u0441\u044c, \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044f \u043f\u0440\u043e \u0456\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0456\u044e Stripe \u043d\u0430 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456 \u0437 PHP. \u042f \u0445\u043e\u0442\u0456\u0432 \u0431\u0438 \u043f\u043e\u0447\u0443\u0442\u0438 \u0432\u0430\u0448\u0456 \u0434\u0443\u043c\u043a\u0438 \u0442\u0430 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0457 \u0443 \u0440\u043e\u0437\u0434\u0456\u043b\u0456 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u0456\u0432 \u043d\u0438\u0436\u0447\u0435.<\/p>\n
\u041f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0456 \u0441\u0442\u0430\u0442\u0442\u0456<\/h4>\n