CcAvenue与angular js的集成

Question

我已经收到了Ccavenue的商家id测试api密钥，我只是想知道如何将Ccavenue与angular Js网站集成。所需屏幕

Answer 1

对于Angular 2+，您可以查看本文https://medium.com/@daveinside/integrating-ccavenue-in-node-js-angular-5-b9de44091062

我写这个答案是因为缺少基于Angular 2+的CCAvenue集成的帮助。祝好运!

Answer 2

1) 您可以使用集成工具包的非无缝集成(ccavenue为不同的框架线提供了无缝集成)

2)服务器端的创建"encRequest“(使用工作密钥加密的表单值)，并与accessCode一起发送到客户端

3)角度控制器中的调用您的API，这将返回encRequest和accessCode。

4) 获得encRequest和accessCode后，遵循以下代码

 app.controller("changeProfileController", function($scope, $http, $sce){
     $scope.myText = ""; // ng-model for html response container in view

     $scope.ProfileData = {
        //custom and required data fields
     };
     $http({
        method: 'POST',
        url: '/requestPaymentAPI',
        processData: false,
        data: JSON.stringify($scope.ProfileData)
     }).then(function(res){
        $scope.myText = $sce.trustAsHtml('<form id="nonseamless" method="post" name="redirect" action="https://secure.ccavenue.com/transaction/transaction.do?command=initiateTransaction"  ><input type="text" name="access_code" id="access_code" value="'+ res.data.accessCode.trim() +'" style="display:none;" ><input type="text" id="encRequest" name="encRequest" value="'+ res.data.encRequest.trim() +'" style="display:none;" ><script language="javascript">document.redirect.submit();</script></form>');
      },function errorCallback(err){
          console.log(err);
      });     
});

5)在视图中添加，您可以在其中呈现html

<div class="ccavenueResponse">{{ myText }}</div>

6) 它将重定向到支付网关表单，在处理交易后，它将返回响应字符串，您可以在服务器端处理该响应字符串(解密ccavenue响应的加密数据)，并使用该数据的基于URL的路由显示该数据