Create a Custom Payment Method Module in Magento: Part Three

In this series, we're working on how to create a custom payment method extension in Magento. In the previous two parts of this series, we created a basic module to provide the back­-end configuration for our custom payment method and list our custom payment method in the checkout process. 

In the last part of this series, we'll create a demo payment gateway page to demonstrate the remaining checkout process.

I assume that you're familiar with the basic module creation process in Magento. If not, here's a nice article explaining the basics of custom module creation.

Also, if you haven't gone through earlier parts of this series yet, it's recommended to do that, as you'll need to create module files from the first and second parts in order to have a complete working module. Before proceeding further, let's have a quick look at the list of files we created in the earlier parts of this series:

  • app/etc/modules/Envato_All.xml
  • app/code/local/Envato/Custompaymentmethod/etc/config.xml
  • app/code/local/Envato/Custompaymentmethod/etc/system.xml
  • app/code/local/Envato/Custompaymentmethod/sql/custompaymentmethod_setup/install­1.0.0.0.php
  • app/code/local/Envato/Custompaymentmethod/Block/Form/Custompaymentmethod.php
  • app/design/frontend/base/default/template/custompaymentmethod/form/custompaymentmethod.phtml
  • app/code/local/Envato/Custompaymentmethod/Model/Paymentmethod.php
  • app/code/local/Envato/Custompaymentmethod/Block/Info/Custompaymentmethod.php

In this part, we'll create the rest of the files related to the demo payment gateway page!

A Glance at the Files Setup

Let's have a look at the list of files.

  • app/code/local/Envato/Custompaymentmethod/Helper/Data.php: It's a helper file which provides utility methods.
  • app/code/local/Envato/Custompaymentmethod/controllers/PaymentController.php: It's a controller file in which we'll implement action methods required for the demo payment gateway page.
  • app/design/frontend/base/default/template/custompaymentmethod/redirect.phtml: It's a template file for the demo payment gateway page.

Demo Payment Gateway Page: Setting Up Files

Create a file app/code/local/Envato/Custompaymentmethod/Helper/Data.php and paste the following contents in that file.

In this helper file, we've just defined a method to return the URL of our custom payment gateway. We'll call this method from the template file. As you can see, our demo payment gateway URL is nothing but a simple action of our custom module itself, which we'll implement in the next section.

Now, let's create one of the most important files of this tutorial, a controller file. Go ahead and create app/code/local/Envato/Custompaymentmethod/controllers/PaymentController.php with the following contents.

Now before I explain further, let's define the associated template file to make things clearer. Let's create app/design/frontend/base/default/template/custompaymentmethod/redirect.phtml with the following contents.

So, we've finished defining all the files. Now let's try to understand the complete flow. Recall that in the second part of this series, we mentioned that when a user clicks on the Place Order button, Magento will redirect him or her to the URL which we defined in a getOrderPlaceRedirectUrl method in the model file Paymentmethod.php. In that method, we defined custompaymentmethod/payment/redirect as the URL of our demo payment gateway.

Now, you can see that in the above controller file, we've defined a redirect method that simply creates a block with the custompaymentmethod/redirect.phtml template and outputs it. We've also defined custompaymentmethod/redirect.phtml, so let's see how it looks when a user clicks on the Place Order button and moves to the next page.

Demo Payment Gateway Page

So as you can see, redirect.phtml acts as a demo payment gateway page, asking the user to make a "dummy" payment! Now, when the user clicks on the Make Payment button, he or she will be redirected to the custompaymentmethod/payment/gateway URL for further payment processing. It's because we've provided that URL in the action attribute of the form defined in custompaymentmethod/redirect.phtml.

Now in the gateway method, we check whether orderId is available or not, and if it's available we redirect the user to custompaymentmethod/payment/response to update the related order status. In the response method, we do certain "security checks" and based on that we update the status of an order to STATE_PAYMENT_REVIEW with a "Payment Success" message. Finally, the user is redirected to the checkout/onepage/success page, which is the payment success page of Magento!

Order Success Page

In real time, the redirectAction and gatewayAction actions take place at the payment gateway end to process the secure payment. Of course, it's a very simple demonstration of the payment process, but I'm sure it'll give you a hint about the generic payment process flow.

Conclusion

In this series, we've discussed how to implement a complete custom payment extension throughout the three different parts. I'm sure it'll give you an insight into the world of payment methods in Magento! Go ahead and make an extension to see your favorite payment gateway on Magento if it's already not available. Comments and queries are always welcome!

Tags:

Comments

Related Articles