feat: add contact form email functionality
- Add SMTP configuration in all .env files - Create sendContactEmail function in email service - Add contact controller with form validation - Create contact API route (POST /api/contact) - Register contact route in main index.js - Emails sent to thetiptopgr3@gmail.com 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
4759ce99e7
commit
6d7c536a7e
6
.env
6
.env
|
|
@ -14,3 +14,9 @@ FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
|||
JWT_SECRET=thetiptopsecret
|
||||
SESSION_SECRET=thetiptopsessionsecret
|
||||
|
||||
# Email Configuration (SMTP)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=thetiptopgr3@gmail.com
|
||||
SMTP_PASS=Dsp@2025
|
||||
EMAIL_FROM=thetiptopgr3@gmail.com
|
||||
|
|
|
|||
7
.env.dev
7
.env.dev
|
|
@ -20,3 +20,10 @@ GOOGLE_CLIENT_ID=546665126481-itnlvt22hjn6t0bbgua0aj55h6dpplsk.apps.googleuserco
|
|||
GOOGLE_CLIENT_SECRET=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
|
||||
FACEBOOK_APP_ID=836681122652445
|
||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
||||
|
||||
# Email Configuration (SMTP)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=thetiptopgr3@gmail.com
|
||||
SMTP_PASS=Dsp@2025
|
||||
EMAIL_FROM=thetiptopgr3@gmail.com
|
||||
|
|
|
|||
|
|
@ -20,3 +20,10 @@ GOOGLE_CLIENT_ID=546665126481-itnlvt22hjn6t0bbgua0aj55h6dpplsk.apps.googleuserco
|
|||
GOOGLE_CLIENT_SECRET=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
|
||||
FACEBOOK_APP_ID=836681122652445
|
||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
||||
|
||||
# Email Configuration (SMTP)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=thetiptopgr3@gmail.com
|
||||
SMTP_PASS=Dsp@2025
|
||||
EMAIL_FROM=thetiptopgr3@gmail.com
|
||||
|
|
|
|||
|
|
@ -20,3 +20,10 @@ GOOGLE_CLIENT_ID=546665126481-itnlvt22hjn6t0bbgua0aj55h6dpplsk.apps.googleuserco
|
|||
GOOGLE_CLIENT_SECRET=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
|
||||
FACEBOOK_APP_ID=836681122652445
|
||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
||||
|
||||
# Email Configuration (SMTP)
|
||||
SMTP_HOST=smtp.gmail.com
|
||||
SMTP_PORT=587
|
||||
SMTP_USER=thetiptopgr3@gmail.com
|
||||
SMTP_PASS=Dsp@2025
|
||||
EMAIL_FROM=thetiptopgr3@gmail.com
|
||||
|
|
|
|||
2
index.js
2
index.js
|
|
@ -15,6 +15,7 @@ import employeeRoutes from "./src/routes/employee.routes.js";
|
|||
import adminRoutes from "./src/routes/admin.routes.js";
|
||||
import drawRoutes from "./src/routes/draw.routes.js";
|
||||
import newsletterRoutes from "./src/routes/newsletter.routes.js";
|
||||
import contactRoutes from "./src/routes/contact.routes.js";
|
||||
|
||||
const app = express();
|
||||
|
||||
|
|
@ -91,6 +92,7 @@ app.use("/api/employee", employeeRoutes);
|
|||
app.use("/api/admin", adminRoutes);
|
||||
app.use("/api/draw", drawRoutes);
|
||||
app.use("/api/newsletter", newsletterRoutes);
|
||||
app.use("/api/contact", contactRoutes);
|
||||
|
||||
// Error handler (doit être après les routes)
|
||||
app.use(errorHandler);
|
||||
|
|
|
|||
55
src/controllers/contact.controller.js
Normal file
55
src/controllers/contact.controller.js
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/**
|
||||
* Contrôleur pour gérer les messages de contact
|
||||
*/
|
||||
import { sendContactEmail } from '../services/email.service.js';
|
||||
|
||||
/**
|
||||
* POST /api/contact
|
||||
* Envoi d'un message depuis le formulaire de contact
|
||||
*/
|
||||
export const submitContactForm = async (req, res) => {
|
||||
try {
|
||||
const { fullName, email, subject, message } = req.body;
|
||||
|
||||
// Validation simple
|
||||
if (!fullName || !email || !subject || !message) {
|
||||
return res.status(400).json({
|
||||
success: false,
|
||||
message: 'Tous les champs sont requis'
|
||||
});
|
||||
}
|
||||
|
||||
// Validation email
|
||||
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||||
if (!emailRegex.test(email)) {
|
||||
return res.status(400).json({
|
||||
success: false,
|
||||
message: 'Adresse email invalide'
|
||||
});
|
||||
}
|
||||
|
||||
// Envoyer l'email
|
||||
await sendContactEmail({
|
||||
fullName,
|
||||
email,
|
||||
subject,
|
||||
message
|
||||
});
|
||||
|
||||
res.status(200).json({
|
||||
success: true,
|
||||
message: 'Votre message a été envoyé avec succès. Nous vous répondrons dans les plus brefs délais.'
|
||||
});
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erreur lors de l\'envoi du message de contact:', error);
|
||||
res.status(500).json({
|
||||
success: false,
|
||||
message: 'Une erreur est survenue lors de l\'envoi de votre message. Veuillez réessayer.'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
export default {
|
||||
submitContactForm
|
||||
};
|
||||
12
src/routes/contact.routes.js
Normal file
12
src/routes/contact.routes.js
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/**
|
||||
* Routes pour le formulaire de contact
|
||||
*/
|
||||
import { Router } from 'express';
|
||||
import * as contactController from '../controllers/contact.controller.js';
|
||||
|
||||
const router = Router();
|
||||
|
||||
// Route publique - Envoi du formulaire de contact
|
||||
router.post('/', contactController.submitContactForm);
|
||||
|
||||
export default router;
|
||||
|
|
@ -248,8 +248,78 @@ export const sendPrizeWinEmail = async (email, prizeName, firstName) => {
|
|||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Envoie un email depuis le formulaire de contact
|
||||
*/
|
||||
export const sendContactEmail = async ({ fullName, email, subject, message }) => {
|
||||
const html = `
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
|
||||
.container { max-width: 600px; margin: 0 auto; padding: 20px; }
|
||||
.header { background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%); color: white; padding: 30px; text-align: center; border-radius: 10px 10px 0 0; }
|
||||
.content { background: #f9f9f9; padding: 30px; border-radius: 0 0 10px 10px; }
|
||||
.info-box { background: white; border-left: 4px solid #d4a574; padding: 15px; margin: 15px 0; }
|
||||
.footer { text-align: center; margin-top: 20px; color: #666; font-size: 12px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>📬 Nouveau message de contact</h1>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>Formulaire de contact</h2>
|
||||
|
||||
<div class="info-box">
|
||||
<strong>De:</strong> ${fullName}<br>
|
||||
<strong>Email:</strong> ${email}<br>
|
||||
<strong>Sujet:</strong> ${subject}
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<strong>Message:</strong><br>
|
||||
<p style="white-space: pre-wrap;">${message}</p>
|
||||
</div>
|
||||
|
||||
<p style="margin-top: 30px; color: #666; font-size: 14px;">
|
||||
Pour répondre à ce message, envoyez un email à: <a href="mailto:${email}">${email}</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>© 2025 Thé Tip Top - Formulaire de contact</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
`;
|
||||
|
||||
const text = `
|
||||
Nouveau message de contact
|
||||
|
||||
De: ${fullName}
|
||||
Email: ${email}
|
||||
Sujet: ${subject}
|
||||
|
||||
Message:
|
||||
${message}
|
||||
|
||||
Pour répondre, envoyez un email à: ${email}
|
||||
`;
|
||||
|
||||
return sendEmail({
|
||||
to: process.env.EMAIL_FROM || 'thetiptopgr3@gmail.com',
|
||||
subject: `[Contact] ${subject}`,
|
||||
html,
|
||||
text,
|
||||
});
|
||||
};
|
||||
|
||||
export default {
|
||||
sendVerificationEmail,
|
||||
sendResetPasswordEmail,
|
||||
sendPrizeWinEmail,
|
||||
sendContactEmail,
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user