Generer un QR Code dans un email

**Marc31** · 12/07/2023, 11h29

Bonjour, j'aimerais générer un qr code dans un email de façon automatique.

J'ai trouvé ce code jaascript qui marche trés bien.Mais j'arrive pas à l'intégrer à ma page.

J'ai un formulaire d'inscription et lorsque les personnes s'enregistrent, j'envois un message automatique dans leurs boites emails.

J'aimerais integrer un qr code dans l'email envoyé, si quelqu'un pouvait m'aider, svp ? merci

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
17
18
19
20
<script>
						function genererQRCode() {
							// Récupérer les données du formulaire
							var donnees = document.getElementById('donnees').value;
 
							// Créer un élément canvas pour afficher le QR code
							var canvas = document.createElement('canvas');
 
							// Utiliser la bibliothèque QRious pour générer le QR code
							new QRious({
								element: canvas,
								value: donnees
							});
 
							// Ajouter le canvas contenant le QR code à la page
							var qrcodeDiv = document.getElementById('qrcode');
							qrcodeDiv.innerHTML = '';
							qrcodeDiv.appendChild(canvas);
						}
					</script>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form>
 
																<input type="hidden" name="donnees" id="donnees" value="Réservation valide pour <?php echo $prenom60ans; ?> <?php echo $nom60ans; ?>" required>
 
																<br>
 
																<input type="button" value="Générer le QR code" onclick="genererQRCode()">
 
															</form>
 
															<br>
															<br>
 
															<div id="qrcode"></div>

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//Préparation de l'entête du mail:
													$mail_entete  = "MIME-Version: 1.0\r\n";
													$mail_entete .= "From: email@email.fr\r\n";
													$mail_entete .= 'Reply-To: '.$_POST['email']."\r\n";
													$mail_entete .= 'Content-Type: text/plain; charset="iso-8859-1"';
													$mail_entete .= "\r\nContent-Transfer-Encoding: 8bit\r\n";
													$mail_entete .= 'X-Mailer:PHP/' . phpversion()."\r\n";
 
													// préparation du corps du mail
 
 
 
													$texte  ="\r\n";
													$texte .="Bonjour ".$prenom." ".$nom. ", \r\n";
													$texte .="\r\n";
													$texte .="Votre inscription a bien été enregistrée.\r\n";
													$texte .="\r\n";
													$texte .="N’oubliez pas d’imprimer ou de sauvegarder ce QR CODE, ce dernier vous permettra d’accéder à l’événement.\r\n";
													$texte .="\r\n";
													$texte .="Pour toute question, vous pouvez nous contacter\r\n";
													$texte .="\r\n";
													$texte .="Nous nous réjouissons de vous retrouver ! \r\n";
 
 
													$mail_ok = mail("$email","Asso - Contact",$texte,$mail_entete);
 
													if ($ok_mail) {
													 "mail parti";
													} else {
													 "mail,  pas parti";
													}
 
													if ($mail_ok) {
													 "mail client parti";
													}

**SpaceFrog** · 12/07/2023, 16h05

Ton canvas est coté client.
Comment comptes tu envoyer le mail ? coté serveur ?

**Marc31** · 12/07/2023, 17h11

Oui j'envoi l'email en php, j'ai mis le code en 3ieme partie.

Nb · 12/07/2023, 17h55

Precisement...tu envoies un mail en php et tu genere un qrcode en javascript donc ca ne pourra jamais fonctionner puisque l un s execute sur le serveur et l autre sur le client...

**cavo789** · 12/07/2023, 17h59

Envoyé par Marc31

Oui j'envoi l'email en php, j'ai mis le code en 3ieme partie.

Pour bien comprendre : ton code javascript est exécuté par un navigateur Web pas par un client messagerie.

Mon client Outlook par exemple ne va pas exécuter le js sinon il y a souci côté sécurité.

**Marc31** · 12/07/2023, 18h29

Envoyé par Nb

Precisement...tu envoies un mail en php et tu genere un qrcode en javascript donc ca ne pourra jamais fonctionner puisque l un s execute sur le serveur et l autre sur le client...

Du coup il faut que je crée le QRCODE en php pour tous faire côté serveur?

**cavo789** · 12/07/2023, 18h45

Oui, comme discuté dans ton autre post portant sur la même problématique.

**Marc31** · 12/07/2023, 18h48

Oui mais je suis sous une version de php 5 et j'arrive pas à generer un qr code en php. Cela fonctionne en javascript.

**SpaceFrog** · 13/07/2023, 08h08

Ou que tu convertisse le QR code généré dans ton canvas par js en une image que tu enverras à ton serveur php pour ensuite l'envoyer par mail avec php..

par exemple https://usefulangle.com/post/353/jav...s-image-upload

Sinon envoyer les données pour la génération du QR code à ton serveur pour générer le QR code avec PHP ...

**Marc31** · 16/07/2023, 10h56

Merci pour tous les renseignements mais comment on fait en javascript pour renvoyer une image généré vers le serveur ?

**SpaceFrog** · 17/07/2023, 08h09

En relisant mon précédent post et en clickant sur le lien qui s'y trouve ...

**Marc31** · 17/07/2023, 10h14

Ah oui merci j'avais pas vue, je vais tester ça de suite!

**Marc31** · 17/07/2023, 11h06

Je n'arrive pas à generer le qr code sans appuyer sur le bouton :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form>
 
																<input type="hidden" name="donnees" id="donnees" value="Réservation valide pour <?php echo $prenom60ans; ?> <?php echo $nom60ans; ?>" required>
 
																<br>
 
																<input type="button" value="Générer le QR code" onclick="genererQRCode()">
 
															</form>
 
															<br>
															<br>
 
															<div id="qrcode"></div>

et je n'arrive pas à integrer l'image dans l'email envoyé du serveur :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
//Préparation de l'entête du mail:
													$mail_entete  = "MIME-Version: 1.0\r\n";
													$mail_entete .= "From: email@email.fr\r\n";
													$mail_entete .= 'Reply-To: '.$_POST['email']."\r\n";
													$mail_entete .= 'Content-Type: text/plain; charset="iso-8859-1"';
													$mail_entete .= "\r\nContent-Transfer-Encoding: 8bit\r\n";
													$mail_entete .= 'X-Mailer:PHP/' . phpversion()."\r\n";
 
													// préparation du corps du mail
 
 
 
													$texte  ="\r\n";
													$texte .="Bonjour ".$prenom." ".$nom. ", \r\n";
													$texte .="\r\n";
													$texte .="Votre inscription a bien été enregistrée.\r\n";
													$texte .="\r\n";
													$texte .="N’oubliez pas d’imprimer ou de sauvegarder ce QR CODE, ce dernier vous permettra d’accéder à l’événement.\r\n";
													$texte .="\r\n";
													$texte .="Pour toute question, vous pouvez nous contacter\r\n";
													$texte .="\r\n";
													$texte .="Nous nous réjouissons de vous retrouver ! \r\n";
 
 
													$mail_ok = mail("$email","Asso - Contact",$texte,$mail_entete);
 
													if ($ok_mail) {
													 "mail parti";
													} else {
													 "mail,  pas parti";
													}
 
													if ($mail_ok) {
													 "mail client parti";
													}

Si quelqu'un pouvait m'aider, svp ?

Nb · 17/07/2023, 19h10

Generer le qrcode côté client pour ensuite l envoyer sur le serveur qui lui va l integrer à un mail me parait, à minima, tout à fait illogique...
Ton qrcode tu le generes en php avec n importe quelle librairie faite pour et l affaire est réglée.
Comme tu es en php5 ( au passage le truc le plus urgent est clairement de passer en 8) tu prends une vielle version de librairie. Par ex. https://packagist.org/packages/endroid/qr-code#2.5.1

**Marc31** · 18/07/2023, 15h42

J'ai essayé mais cela ne fonctionne pas...

**Pytet** · 18/07/2023, 16h29

Tu as essayé quoi ? Tu ne donnes aucun détail.
Que veut dire "ne fonctionne pas" ? Un message d'erreur ?

Pour info, il existe aussi plusieurs api en ligne pour générer facilement des QR Code, par exemple :
https://goqr.me/api/
https://www.qrtag.net/api/
https://www.qrcode-monkey.com/qr-code-api-with-logo/

**Marc31** · 19/07/2023, 15h50

En fait j'arrive à le créer le qr code mais je n'arrive pas à l'insérer dans l'email.

Actuellement le qr code apparaît sur la page html et je l'envoi dans le dossier téléchargement du pc.

Je souhaite juste l'integrer dans un email :

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
17
18
19
20
21
22
23
24
25
//Préparation de l'entête du mail:
													$mail_entete  = "MIME-Version: 1.0\r\n";
													$mail_entete .= "From: email.fr\r\n";
													$mail_entete .= 'Reply-To: '.$_POST['email']."\r\n";
													$mail_entete .= 'Content-Type: text/plain; charset="iso-8859-1"';
													$mail_entete .= "\r\nContent-Transfer-Encoding: 8bit\r\n";
													$mail_entete .= 'X-Mailer:PHP/' . phpversion()."\r\n";
 
													// préparation du corps du mail
 
 
 
													$texte  ="\r\n";
													$texte .="Bonjour , \r\n";
													$texte .="\r\n";
													$texte .="Votre inscription a bien été enregistrée.\r\n";
													$texte .="\r\n";
													$texte .="N’oubliez pas d’imprimer ou de sauvegarder ce QR CODE, ce dernier vous permettra d’accéder à l’événement.\r\n";
													$texte .="\r\n";
													$texte .="".$cheminD."\r\n";
													$texte .="\r\n";
													$texte .="Pour toute question, vous pouvez nous contacter\r\n";
													$texte .="\r\n";
													$texte .="Nous nous réjouissons de vous retrouver ! \r\n";
													$texte .="\r\n";

**cavo789** · 19/07/2023, 16h23

Bonjour

Désolé d'être désagréable mais le défi que tu tentes est trop haut pour toi je pense.

Tu arrives à afficher le qr code okido mais ça c'est sur ton propre pc. Le qr code doit être généré par le serveur, pas sur le pc... Mais... Nous sommes tous parti, je pense, avec le postulat que le qr code serait différent d'une personne à une autre mais au final je me demande si c'est le cas. Si ton qr code est strictement identique pour tout le monde alors le plus simple... c'est de ne pas le générer.

Tu crées le qr code de la façon que tu veux (tu viens de dire avoir réussi à le faire sur ton pc), ce qr code est donc une image que tu envoies sur ton serveur par ftp, cela dans un dossier publique, accessible depuis une URL.

Vient ton email... De ce que je vois plus haut, tu envoies un email au format texte, c'est pas bon. Il faut envoyer l'email au format html.

Ton qr code devient donc une bête image dans un body du type html.

**Marc31** · 19/07/2023, 16h29

Pas de soucis, j'accepte toute les critiques....

Oui le Qr code est différents pour chaque personnes puisque dedans j'ai mis le nom et le prenom.

Lorsque l'on scanne le QR Code, ça envoi les données en GET dans un formulaire et ça me le valide dans ma base de données comme présent.

Mon seul probleme c'est de rajouter mon QR code dans mon email envoyé en php version texte.

J'ai essayé de faire un envoi du QR Code sur mon serveur ftp mais j'ai pas réussi...

**cavo789** · 19/07/2023, 16h33

Ce n'est pas ton seul problème...

Tu dois donc générer dynamiquement le qr code pour chaque participant (nous avons déjà abordé ce point à de multiples reprises (Php5, composer, dépendance à installer)).

Ton email ne peut pas être en texte mais doit être en html. Il faut que le mail affiche l'image.

Generer un QR Code dans un email

Langage PHP

Discussions similaires

Partager

Partager