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
|
JWT_SECRET=thetiptopsecret
|
||||||
SESSION_SECRET=thetiptopsessionsecret
|
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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
|
GOOGLE_CLIENT_SECRET=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
|
||||||
FACEBOOK_APP_ID=836681122652445
|
FACEBOOK_APP_ID=836681122652445
|
||||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
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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
|
GOOGLE_CLIENT_SECRET=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
|
||||||
FACEBOOK_APP_ID=836681122652445
|
FACEBOOK_APP_ID=836681122652445
|
||||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
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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
|
GOOGLE_CLIENT_SECRET=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
|
||||||
FACEBOOK_APP_ID=836681122652445
|
FACEBOOK_APP_ID=836681122652445
|
||||||
FACEBOOK_APP_SECRET=e6889f4339d140c218f1df177149893f
|
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 adminRoutes from "./src/routes/admin.routes.js";
|
||||||
import drawRoutes from "./src/routes/draw.routes.js";
|
import drawRoutes from "./src/routes/draw.routes.js";
|
||||||
import newsletterRoutes from "./src/routes/newsletter.routes.js";
|
import newsletterRoutes from "./src/routes/newsletter.routes.js";
|
||||||
|
import contactRoutes from "./src/routes/contact.routes.js";
|
||||||
|
|
||||||
const app = express();
|
const app = express();
|
||||||
|
|
||||||
|
|
@ -91,6 +92,7 @@ app.use("/api/employee", employeeRoutes);
|
||||||
app.use("/api/admin", adminRoutes);
|
app.use("/api/admin", adminRoutes);
|
||||||
app.use("/api/draw", drawRoutes);
|
app.use("/api/draw", drawRoutes);
|
||||||
app.use("/api/newsletter", newsletterRoutes);
|
app.use("/api/newsletter", newsletterRoutes);
|
||||||
|
app.use("/api/contact", contactRoutes);
|
||||||
|
|
||||||
// Error handler (doit être après les routes)
|
// Error handler (doit être après les routes)
|
||||||
app.use(errorHandler);
|
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 {
|
export default {
|
||||||
sendVerificationEmail,
|
sendVerificationEmail,
|
||||||
sendResetPasswordEmail,
|
sendResetPasswordEmail,
|
||||||
sendPrizeWinEmail,
|
sendPrizeWinEmail,
|
||||||
|
sendContactEmail,
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user