Encodage pour paiement avec Sogecommerce

**Fayre77** · 20/09/2021, 13h54

Bonjour,

Je développe actuellement un site web pour un client, il ma demandé de lui ajouter un shop online. Je me suis orienter vers la doc de sogecommerce car mon client voulais que cela passe par là.
Dans mon développement je m'aperçois d'un problème que je ne comprend pas, je vous met les codes et je m’explique ensuite.

Voici mon form :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<div class="container">
        <?php if (empty($_POST)){ 
            $montant_total = montant_panier();
            $montant_total = str_replace(",", "", $montant_total);
            $montant_total = str_replace(".", "", $montant_total);
            $trans_id = getRandomString();
            $order_id = getRandomString(32);
            $group = "SPORTS";
            $signature="INTERACTIVE+" . $montant_total . "+TEST+978+";
        ?>
        <form id="payement_form" action="https://sogecommerce.societegenerale.eu/vads-payment/" method="POST" accept-charset="utf-8">
            <input type="hidden" id="vads_action_mode" name="vads_action_mode" value="INTERACTIVE">
            <input type="hidden" id="vads_amount" name="vads_amount" value="<?php echo $montant_total; ?>">
            <input type="hidden" id="vads_ctx_mode" name="vads_ctx_mode" value="TEST">
            <input type="hidden" id="vads_currency" name="vads_currency" value="978">
            <input type="hidden" id="vads_nb_products" name="vads_nb_products" value="<?php echo nombre_article_panier(); ?>">
            <input type="hidden" id="vads_page_action" name="vads_page_action" value="PAYMENT">
            <input type="hidden" id="vads_order_id" name="vads_order_id" value="<?php echo $order_id; ?>">
            <input type="hidden" id="vads_payment_config" name="vads_payment_config" value="SINGLE">
            <input type="hidden" id="vads_site_id" name="vads_site_id" value="70416050">
            <input type="hidden" id="vads_trans_date" name="vads_trans_date" value="<?php echo date("Ymdhis"); ?>">
            <input type="hidden" id="vads_trans_id" name="vads_trans_id" value="<?php echo $trans_id; ?>">
            <input type="hidden" id="vads_version" name="vads_version" value="V2">
 
            <div class="row">
                <div class="col">
                    <span>CB</span>
                    <input type="checkbox" name="vads_payment_cards" value="CB"/>
                </div>
                <div class="col">
                    <span>CVCONNECT</span>
                    <input type="checkbox" name="vads_payment_cards" value="CVCONNECT"/>
                </div>
                <div class="col">
                    <span>PAYLIB</span>
                    <input type="checkbox" name="vads_payment_cards" value="PAYLIB"/>
                </div>
                <div class="col">
                    <span>MASTERCARD</span>
                    <input type="checkbox" name="vads_payment_cards" value="MASTERCARD"/>
                </div>
                <div class="col">
                    <span>VISA</span>
                    <input type="checkbox" name="vads_payment_cards" value="VISA"/>
                </div>
                <div class="col">
                    <span>SDD</span>
                    <input type="checkbox" name="vads_payment_cards" value="SDD"/>
                </div>
            </div> 
 
            <div class="row mt-5">
                <div class="col-2">
                    <div class="form-group">
                        <label for="vads_cust_title">Genre</label>
                        <select class="form-select form-control" name="vads_cust_title" id="vads_cust_title" required>
                            <option selected disabled>Sélectionner</option>
                            <option value="M">Homme</option>
                            <option value="F">Femme</option>
                        </select>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_last_name">Nom</label>
                        <input type="text" class="form-control" id="vads_cust_last_name" name="vads_cust_last_name" placeholder="Nom de famille" required>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_first_name">Prénom</label>
                        <input type="text" class="form-control" id="vads_cust_first_name" name="vads_cust_first_name" placeholder="Prénom" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_email">E-mail</label>
                        <input type="email" class="form-control" id="vads_cust_email" name="vads_cust_email" placeholder="xxx@gmail.com" required>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_cell_phone">Téléphone portable</label>
                        <input type="text" class="form-control" id="vads_cust_cell_phone" name="vads_cust_cell_phone" placeholder="0102030405" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-3">
                    <div class="form-group">
                        <label for="vads_cust_address_number">Numéro de voie</label>
                        <input type="text" class="form-control" id="vads_cust_address_number" name="vads_cust_address_number" placeholder="Ex : 109" required>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_address">Adresse postale</label>
                        <input type="text" class="form-control" id="vads_cust_address" name="vads_cust_address" placeholder="Ex : Rue de l'innovation" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-4">
                    <div class="form-group">
                        <label for="vads_cust_zip">Code postal</label>
                        <input type="text" class="form-control" id="vads_cust_zip" name="vads_cust_zip" placeholder="Ex : 31670" required>
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        <label for="vads_cust_city">Ville</label>
                        <input type="text" class="form-control" id="vads_cust_city" name="vads_cust_city" placeholder="Ex : Paris" required>
                    </div>
                </div>
            </div>
 
            <?php 
                $nb_art = count($_SESSION['panier']['id_article']);
                for($i = 0; $i < $nb_art; $i++)
                { 
                    $prix = $_SESSION['panier']['prix'][$i];
                    $prix = str_replace(",", "", $prix);
                    $prix = str_replace(".", "", $prix); ?>
                    <input type="hidden" class="product_label" name="vads_product_label<?php echo $i; ?>" value="<?php echo $_SESSION['panier']['name'][$i]; ?>">
                    <input type="hidden" class="product_amount" name="vads_product_amount<?php echo $i; ?>" value="<?php echo $prix; ?>">
                    <input type="hidden" class="product_ref" name="vads_product_ref<?php echo $i; ?>" value="<?php echo $_SESSION['panier']['ref'][$i]; ?>">
                    <input type="hidden" class="product_type" name="vads_product_type<?php echo $i; ?>" value="<?php echo $group; ?>">
                    <input type="hidden" class="product_qty" name="vads_product_qty<?php echo $i; ?>" value="<?php echo $_SESSION['panier']['qte'][$i]; ?>">
                <?php }
            ?>
 
            <input id="input_signature" type="hidden" name="signature" value="<?php echo $signature; ?>">
            <button id="button_submit" class="float-right mt-3" name="payer">Valider vos informations et payer</button>
        </form>
        <?php } else { 
            echo $_POST; ?>
 
 
        <?php } ?>

Ma fonction JS qui concatène mes différents champ pour former la signature, ainsi que la fonction AJAX pour chiffrer cette signature :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<script>
        $('input[type="checkbox"]').on('change', function() {
            $('input[name="' + this.name + '"]').not(this).prop('checked', false);
        });
        $("#button_submit").click(function() {
            $('#button_submit').prop('disabled', true);
            /* --- GET ALL SIMPLE ELEMENT --- */
            let signature = document.getElementById("input_signature").value;
            let adress = document.getElementById("vads_cust_address").value;
            let adress_number = document.getElementById("vads_cust_address_number").value;
            let phone = document.getElementById("vads_cust_cell_phone").value;
            let city = document.getElementById("vads_cust_city").value;
            let mail = document.getElementById("vads_cust_email").value;
            let firstname = document.getElementById("vads_cust_first_name").value;
            let lastname = document.getElementById("vads_cust_last_name").value;
            let gender = $('#vads_cust_title').val();
            let zipcode = document.getElementById("vads_cust_zip").value;
            let nb_products = document.getElementById("vads_nb_products").value;
            let order_id = document.getElementById("vads_order_id").value;
            let page_action = "PAYMENT";
            let payement_card = $('input[name="vads_payment_cards"]:checked').val();
            let payement_config = document.getElementById("vads_payment_config").value;
 
            /* --- CONCAT ALL SIMPLE ELEMENT INTO SIGNATURE --- */
            signature += adress + "+" + adress_number + "+" + phone + "+" + city + "+" + mail + "+" + firstname + "+" + lastname + "+" + 
                        gender + "+" + zipcode + "+" + nb_products + "+" + order_id + "+" + page_action + "+" + payement_card + "+" + payement_config + "+";
 
            /* --- GET ALL PRODUCTS ELEMENTS AND CONCAT --- */
            let amounts = document.getElementsByClassName('product_amount');
            amounts = Array.prototype.slice.call(amounts);
            amounts.forEach((item, index) => {
                signature += item.value + "+";
            });
            let labels = document.getElementsByClassName('product_label');
            labels = Array.prototype.slice.call(labels);
            labels.forEach((item, index) => {
                signature += item.value + "+";
            });
            let quantitys = document.getElementsByClassName('product_qty');
            quantitys = Array.prototype.slice.call(quantitys);
            quantitys.forEach((item, index) => {
                signature += item.value + "+";
            });
            let refs = document.getElementsByClassName('product_ref');
            refs = Array.prototype.slice.call(refs);
            refs.forEach((item, index) => {
                signature += item.value + "+";
            });
            let types = document.getElementsByClassName('product_type');
            types = Array.prototype.slice.call(types);
            types.forEach((item, index) => {
                signature += item.value + "+";
            });
 
            /* --- GET LAST SIMPLE ELEMENT --- */
            let site_id = document.getElementById("vads_site_id").value;
            let trans_date = document.getElementById("vads_trans_date").value;
            let trans_id = document.getElementById("vads_trans_id").value;
            let version = document.getElementById("vads_version").value;
            let certificate = "XXXX";
 
            /* --- CONCAT LAST SIMPLE ELEMENT INTO SIGNATURE --- */
            signature += site_id + "+" + trans_date + "+" + trans_id + "+" + version + "+" + certificate;
 
            $.ajax({
                url: "bdd/functions.php",
                data: "function=signature" + '&signature=' + signature,
                type: "GET",
                dataType: "json",
                success: function(response) {
                    document.getElementById("input_signature").value = response;
                    console.log(response);
                    setTimeout(function(){ document.forms["payement_form"].submit(); }, 2000);
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr.responseText);
                }
            });
 
        });
    </script>

Et ma fonction PHP qui chiffre ma signature :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
if($_GET['function'] == 'signature') {
        if (isset($_GET['signature'])) {
            $signature = setHashSignature($_GET['signature']);
            echo json_encode($signature);
        }
    }
 
 
function setHashSignature($signature) {
    $signature = utf8_encode($signature);
    $signature = str_replace('"', '', $signature);
    $signature = str_replace("'", "", $signature);
    $signature = base64_encode(hash_hmac("sha256", $signature, "XXXX", true));
    return $signature;
}

Et voici le code erreur que me renvoie Sogecommerce :
Nom : Capture.PNG
Affichages : 377
Taille : 557,2 Ko

L'erreur m'indique que le problème viens de la signature, j'ai suivi la doc pas à pas et revérifié plusieurs fois mais je ne voit pas d'où peut provenir cette erreur. J'ai besoin d'un regard neuf sur ma situation.
Lien vers la documentation de la signature :https://sogecommerce.societegenerale...signature.html

Cordialement,

LAULY Téo