[TUTO] Intégration de STRIPE avec l'API 2023 - WEBDEV 2025 - Developer forums

PROFESSIONAL NEWSGROUPS
WINDEV, WEBDEV and WINDEV Mobile

Home

Recent messages

Connect

English

Home → WEBDEV 2025 → [TUTO] Intégration de STRIPE avec l'API 2023

[TUTO] Intégration de STRIPE avec l'API 2023

Started by by2k64, Sep., 30 2023 10:46 AM - 28 replies

by2k64

Registered member
63 messages

Posted on September, 30 2023 - 10:46 AM

Bonjour à tous, pour ceux/celles que cela intéresse, ci-dessous la mise à jour de l'intégration de STRIPE dans un projet WEBDEV avec l'API version 2023.

Je vous rappelle qu'il faut créer 2 pages en AWP pour le retour de transaction, perso j'ai opter pour TRANSACTION_OK.awp et TRANSACTION_PASOK.awp

Dans la page TRANSACTION_OK, n'oublie d'insérer un LIB avec la mention "Transaction en cours, ne pas fermer cette fenêtre avant la fin du traitement" ou quelque chose dans le genre.

Puis dans le code de fin d'initialisation, insérer le code suivant :

VARTEMP_TRANSACTION_NUM est une chaîne = PageParamètre("session_id")
SI HLitRecherche(BASE_TRANSACTION_CB,NUM,VARTEMP_TRANSACTION_NUM,hIdentique+hBlocageNon) ALORS 
  // APPEL AU TRAITEMENT
SINON
  LIB_INFO_HAUT = "Échec de la transaction !"
  LIB_INFO_BAS = "La transaction par carte-bancaire a échouée."+RC+"Merci de renouveler dans quelques minutes."
FIN

Dans la page TRANSACTION_PAS, pas de code particulier puisque utiliser en cas d'échec de la transaction. (a personnaliser)

Dans le code d'initialisation du projet, insérer le code suivant :

VAR_STRIPE_NUM est une chaîne <serveur uniquement>
VAR_STRIPE_SKU est une chaîne <serveur uniquement>
VAR_STRIPE_CHEMINOK est une chaîne <serveur uniquement>
VAR_STRIPE_CHEMINPASOK est une chaîne <serveur uniquement>
VAR_STRIPE_CLE_SECRET est une chaîne <serveur uniquement>
VAR_STRIPE_CLE_PUBLIQUE est une chaîne <serveur uniquement>

SI EnModeTest() = Vrai ALORS
  VAR_IPNAVIGATEUR = "192.168.1.1"
  VAR_STRIPE_CHEMINOK = "http://localhost:8028/CHEMINLOCAL/TRANSACTION-OK.awp?session_id={CHECKOUT_SESSION_ID}"
  VAR_STRIPE_CHEMINPASOK = "http://localhost:8028/CHEMINLOCAL/TRANSACTION-OK.awp?session_id={CHECKOUT_SESSION_ID}"
  VAR_STRIPE_CLE_SECRET = Clé secrète test
  VAR_STRIPE_CLE_PUBLIQUE = Clé publique test
SINON
  VAR_IPNAVIGATEUR = NavigateurAdresseIP() 
  VAR_STRIPE_CHEMINOK = "https://LIENDISTANT/TRANSACTION-OK.awp?session_id={CHECKOUT_SESSION_ID}"
  VAR_STRIPE_CHEMINPASOK = "https://LIENDISTANT/TRANSACTION-PASOK.awp?session_id={CHECKOUT_SESSION_ID}"
  VAR_STRIPE_CLE_SECRET = Clé secrète production
  VAR_STRIPE_CLE_PUBLIQUE = Clé publique production
FIN

La page de paiement, créer un champ HTML simple, que vous nommerez HTM_CB ,que vous rendrez invisible et cocher l'option superposé.

Enfin cette page de paiement, créer un bouton et insérer les lignes suivante dans le code du clic sur en mode navigateur en supprimant l'option AJAX :

VARLOCAL_CONTENUREQUETE est une chaîne
REST_REQUETE est un restRequête
REST_Reponse  est un restRéponse
vReponse est Variant

nMontantEntier, nMontantEntier100 sont des entiers
xMontantMonétaire est un numérique
xMontantMonétaire = // VARIABLE OU CHAMP DU MONTANT DE LA TRANSACTION
nMontantEntier = xMontantMonétaire
nMontantEntier100  = nMontantEntier*100

VARLOCAL_CONTENUREQUETE = ""
VARLOCAL_CONTENUREQUETE += ["&"] + "name="+ChaîneVersUTF8("TITRE PRINCIPAL")+""
VARLOCAL_CONTENUREQUETE += ["&"] + "description="+VARIABLE_OU_CHAMP+""
VARLOCAL_CONTENUREQUETE += ["&"] + "images[]="+VARIABLE_DU_LIEN_IMAGE_DU_PRODUIT+""

REST_REQUETE..URL = "https://api.stripe.com/v1/products"
REST_REQUETE..Méthode = httpPost
REST_REQUETE..Utilisateur = VAR_STRIPE_CLE_SECRET + ":"  
REST_REQUETE..Contenu = VARLOCAL_CONTENUREQUETE
REST_Reponse = RESTEnvoie(REST_REQUETE)
vReponse = JSONVersVariant(REST_Reponse..Contenu)

VARLOCAL_CONTENUREQUETE = ""
VARLOCAL_CONTENUREQUETE += ["&"] + "product="+vReponse.Id+""
VARLOCAL_CONTENUREQUETE += ["&"] + "unit_amount="+nMontantEntier100+""
VARLOCAL_CONTENUREQUETE += ["&"] + "currency=eur"

REST_REQUETE..URL = "https://api.stripe.com/v1/prices"
REST_REQUETE..Méthode = httpPost
REST_REQUETE..Utilisateur = VAR_STRIPE_CLE_SECRET + ":"  
REST_REQUETE..Contenu = VARLOCAL_CONTENUREQUETE
REST_Reponse = RESTEnvoie(REST_REQUETE)
vReponse = JSONVersVariant(REST_Reponse..Contenu)

VARLOCAL_CONTENUREQUETE = ""
VARLOCAL_CONTENUREQUETE += ["&"] + "line_items[0][quantity]=1"
VARLOCAL_CONTENUREQUETE += ["&"] + "line_items[0][price]="+vReponse.Id+""
VARLOCAL_CONTENUREQUETE += ["&"] + "client_reference_id="+VARIABLE_OU_CHAMP+""
VARLOCAL_CONTENUREQUETE += ["&"] + "customer_email="+VARIABLE_OU_CHAMP+""
VARLOCAL_CONTENUREQUETE += ["&"] + "mode=payment"
VARLOCAL_CONTENUREQUETE += ["&"] + "locale=fr"
VARLOCAL_CONTENUREQUETE += ["&"] + "success_url="+VAR_STRIPE_CHEMINOK+""
VARLOCAL_CONTENUREQUETE += ["&"] + "cancel_url="+VAR_STRIPE_CHEMINPASOK+""

REST_REQUETE..URL = "https://api.stripe.com/v1/checkout/sessions"
REST_REQUETE..Méthode = httpPost
REST_REQUETE..Utilisateur = VAR_STRIPE_CLE_SECRET + ":"  
REST_REQUETE..Contenu = VARLOCAL_CONTENUREQUETE
REST_Reponse  = RESTEnvoie(REST_REQUETE)
vReponse = JSONVersVariant(REST_Reponse..Contenu)

SI ErreurDétectée ALORS
  Erreur("Accès au serveur impossible. Opération annulée")
  RETOUR
FIN

SI REST_Reponse.CodeEtat <> 200 ALORS
  Erreur("Échec de la Transaction CB")
  RETOUR
FIN

sCodeHtml est une chaîne=[
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <script src="https://js.stripe.com/v3/"></script>
 </head>
 <body>
 <script type="text/javascript">
 <!--
 var stripe = Stripe('%1'); 
 stripe.redirectToCheckout({
 sessionId: '%2'
 }).then(function (result) {
 });
 //-->
 </script>
 </body>
 </html>
]

// TRAITEMENT EVENTUEL DE L'ENREGISTREMENT DE LA TRANSATION
// VOUS POUVEZ RECUPERER LES VARIABLE SUIVANTE :
// ID DE LA TRANSACTION : vReponse.Id
// PAYMENT_INTENT : vReponse.payment_intent

HTM_CB = ChaîneConstruit(sCodeHtml,VAR_STRIPE_CLE_PUBLIQUE,vReponse.Id)