VueJS + Gravity Forms API

VueJS + Gravity Forms API

VueJs 프로젝트를 Gravity Forms와 통합하려고 하는데, VueJs 프로젝트에서 API에 필요한 GF 암호화를 실행하는 방법을 모르겠습니다.

아래 개요와 같이 시그니처를 먼저 계산한 후 값을 부가하여 GF API로 전송해야 합니다.

function CalculateSig(stringToSign, privateKey){
//calculate the signature needed for authentication
var hash = CryptoJS.HmacSHA1(stringToSign, privateKey);
var base64 = hash.toString(CryptoJS.enc.Base64);
return encodeURIComponent(base64);
}

//set variables
var d = new Date;
var expiration = 3600; // 1 hour,
var unixtime = parseInt(d.getTime() / 1000);
var future_unixtime = unixtime + expiration;
var publicKey = "KEY HERE";
var privateKey = "KEY HERE";
var method = "POST";
var route = "forms/2/submissions";

stringToSign = publicKey + ":" + method + ":" + route + ":" +    future_unixtime;
sig = CalculateSig(stringToSign, privateKey);
var url = 'http://stephenkempin.co.uk/vuejs/gravityformsapi/' + route + '?api_key=' + publicKey + '&signature=' + sig + '&expires=' + future_unixtime;

var values = {input_values : {
                          input_1 : 'Name',
                          input_2 : 'This is surname',
                          input_5 : 'email@Address.com',
                          input_4 : 'Message testing'
                        }

    }

API 요청을 할 서버가 있어야 합니다.일반인이 쉽게 볼 수 있으므로 노출된 FE 코드에 넣지 마십시오.

안전한 방법은 다음과 같습니다.

FrontEnd VueJS 프로젝트 -> 서버에 API 요청(백엔드) -> 개인 키를 사용하여 Gravity Forms에 API 요청을 합니다.

언급URL : https://stackoverflow.com/questions/43042019/vuejs-gravity-forms-api