CcAvenue与角度js集成

时间:2016-04-14 14:34:55

标签: angularjs ccavenue

我收到了来自Ccavenue的商家id测试api密钥,我只想知道如何将Ccavenue与angular Js网站整合。需要屏幕

2 个答案:

答案 0 :(得分: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)在您的视图中添加div,您可以在其中呈现html

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

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

答案 1 :(得分:2)

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

我写了这个答案,因为基于Angular 2+的CCAvenue Integration缺乏帮助。祝好运!