В данном небольшом цикле уроков мы с вами познакомимся с принципами приема платежей на сайте и рассмотрим как теоретические, так и практические моменты этого процесса. В результате мы напишем простейшее веб-приложение, позволяющее купить товары онлайн и сразу же оплатить покупку. В качестве сервиса по приему платежей мы выберем Интеркассу. В данном вступительном видео мы сформулируем задачу и рассмотрим несколько вариантов приложения, в которых может пригодиться наше решение.
- Урок №2. Верстка страницы товаров
Итак, в предыдущем видео мы сформулировали задачу и теперь готовы ее решать. В данном уроке мы сверстаем страничку с товарами. Для ускорения процесса я воспользуюсь CSS фреймворком Bootstrap 4, который предлагает нам специальный компонент Card. Этот компонент как нельзя кстати подходит для вывода карточек продуктов на странице. Полученная в итоге верстка будет достаточно схематичной и простой, но вместе с тем, она полностью подойдет нам для демонстрации решения имеющейся задачи.
- Урок №3. Форма покупки товара
В предыдущем уроке мы с вами сверстали страничку с товарами. Теперь давайте перейдем к следующему шагу – добавление товара в «корзину». Слово корзина я специально взял в кавычки, поскольку наша задача не предполагает создание интернет-магазина и корзины, соответственно. Согласно поставленной задаче мы просто даем пользователю возможность купить единичный товар. Соответственно, в данном уроке мы воспользуемся компонентом модальное окно фреймворка Bootstrap 4. При клике по кнопке купить выбранного товара, это окно будет появляться и в форме пользователю будет достаточно ввести лишь свои данные. Наименование товара и его цена будут проставляться автоматически.
- Урок №4. Оформление и сохранение заказа
Итак, мы подготовили все для продажи товара. При нажатии кнопки купить, покупателю достаточно лишь ввести свои данные. Теперь нам необходимо принять эти данные на сервере и сохранить их в базу данных. Для решения задачи мы воспользуемся ORM RedBeanPHP, которая позволит быстро и легко работать с БД и практически избавит нас от необходимости писать SQL запросы.
- Урок №5. Подключение Интеркассы
Итак, у нас все готово для непосредственного приема платежей. Покупатель формирует заказ, который мы сохраняем в БД. После успешного сохранения заказа нам необходимо отправить покупателя на страницу оплаты, где он и сможет оплатить свою покупку. В качестве платежной системы мы выберем Интеркассу. Это агрегатор платежей, который предлагает на выбор различные способы оплаты. В данном уроке мы рассмотрим подключение Интеркассы, а также остановимся на плюсах и минусах агрегаторов платежей по сравнению с подключением платежных систем по одной.
- Урок №6. Оплата и проверка оплаты
В последнем уроке мы с вами будем больше всего программировать. После подключения Интеркассы мы уже можем принимать оплату за товар. Но это еще не все. Нам не только нужно принять оплату, но еще и проверить сам факт оплаты, что мы и реализуем в данном уроке. Для решения задачи мы создадим специальную страничку, которая будет принимать запрос от сервиса Интеркассы с результатом оплаты и обрабатывать этот запрос. В случае успешной оплаты нам лишь останется изменить статус заказа в БД на оплаченный.