3

I want to integrate ccavenue to my hybrid app that I am building on Ionic but I am unable to find any example or code or any other thing which can be helpful in this. Plz let me know if you have any information regarding this.

Update: Ccavenue didn't work for me even with the iframe because iframe can only work on the registered domain (ie. www.example.com) and not any other place so I left it and choose the Razorpay Payment gateway because it provides official support for Ionic/Cordova.

Here is the sample app. https://github.com/razorpay/razorpay-cordova-sample-app

Cœur
  • 37,241
  • 25
  • 195
  • 267
Suhail Akhtar
  • 1,718
  • 15
  • 29
  • http://stackoverflow.com/questions/23737691/ccavenue-payment-gateway-integration-with-android-app Follow this steps and contact ccavenue team – Sa E Chowdary Sep 28 '16 at 06:29

3 Answers3

2

Finally I was able to integrate CCavenue on my Ionic app. You have to do the following

  • By default ccavenue blocks all ip addresses from showing payment page except the url by which user has registered.
  • First check what ip address is being used by the app while run through ionic serve , ask the ccavenue support to whitelist that ip and also port 8100 or whatever your app is using.
  • Once you've whitelisted the ip now you have to make sure that inappbrowser plugin is installed in the ionic now you have to submit the payment form to another window by using this method

I hope it will help many.

Community
  • 1
  • 1
Suhail Akhtar
  • 1,718
  • 15
  • 29
1

iFrame Integration

https://www.ccavenue.com/ccavenue_index.jsp#feature-block12

Hope this helps you

John Davis
  • 413
  • 5
  • 12
  • Hi John, I am trying to get it work but it is not working showing error 10002. My backend is on php. can u plz walk me through. – Suhail Akhtar Oct 12 '16 at 06:08
  • its my due to incorrect merchant ID, incorrect Access code and unregistered URL. You should use your registered URL. – John Davis Oct 21 '16 at 09:15
  • You can also check the razorpay. They provided cordova plugin and .js integration for web devolepment. Go through this link https://razorpay.com/ – John Davis Oct 24 '16 at 08:05
1

Suhail,

You may not be able to get it done through iFrames as rightly said by some of the members here.

So you can get around it by having a return url on the server and storing the success/failure message along with other details in temp DB on server, check it from the mobile application from an API and decide whether the payment is done or not.

We have done same with snovel.in application and it works perfectly fine with PayUMoney. Only thing you have to remember is checking constantly from mobile application about success or failure of the payment becomes critical.

I hope that helps.

Aditya
  • 133
  • 2
  • 11
  • Thanks @aditya for your answer. Actually I was not able to go to the payement page of ccavenue on a hybrid app so now I am using razorpay and it supports hybrid apps as well – Suhail Akhtar Nov 28 '16 at 17:42
  • I am going to implement this in few days of time, may be once I am done will let you know how got it implemented. Might not be useful for you but might be useful for someone else. – Aditya Dec 05 '16 at 05:13
  • That would be helpful for others but now I have moved to razorpay – Suhail Akhtar Dec 07 '16 at 11:39
  • Hi Aditya, Have u completed ur integration. – Suhail Akhtar Dec 29 '16 at 05:32
  • @SuhailAKhtar : Yes I did complete the integration, and you have rightly said the steps in below answer. I hope you have resolved the integration and if not do let me know I can share the code with you. – Aditya Aug 10 '17 at 09:21
  • I am glad that it worked. I have already implemented it. My request to you is to create a sample app and share the link of github here so that others can get the help as well. – Suhail Akhtar Aug 11 '17 at 11:02