31 lines
1.3 KiB
Markdown
31 lines
1.3 KiB
Markdown
# Octopus-React-Wp
|
||
|
||
## Formulaire de contact – mise en route
|
||
|
||
Le formulaire (`frontend/src/components/Pages/Contact.jsx`) envoie désormais une requête POST vers l’API de contact.
|
||
Suivez ces étapes pour activer l’envoi d’e-mails :
|
||
|
||
1. **Configuration backend**
|
||
- Copiez `server/cloudinary-backend/.env.example` vers `server/cloudinary-backend/.env`.
|
||
- Renseignez vos identifiants SMTP (`SMTP_HOST`, `SMTP_PORT`, `SMTP_USER`, `SMTP_PASS`, etc.).
|
||
- Facultatif : ajustez `CONTACT_RECIPIENT`, `CONTACT_FROM`, ou ajoutez des domaines supplémentaires dans `CORS_ALLOWED_ORIGINS`.
|
||
|
||
2. **Installer et lancer le serveur contact**
|
||
```bash
|
||
cd server/cloudinary-backend
|
||
npm install
|
||
npm start
|
||
```
|
||
Par défaut, l’API est disponible sur `http://localhost:3001/api/contact`.
|
||
|
||
3. **Configuration du front-end**
|
||
- Copiez `frontend/.env.local.example` vers `frontend/.env.local`.
|
||
- Ajustez `VITE_CONTACT_API_URL` si nécessaire (par défaut `http://localhost:3001/api/contact` en dev).
|
||
- Relancez l’application React :
|
||
```bash
|
||
cd frontend
|
||
npm run dev
|
||
```
|
||
|
||
En production, assurez-vous que l’URL définie dans `VITE_CONTACT_API_URL` pointe vers votre API accessible publiquement (ex. `https://octopusdesign.fr/api/contact`) et que le serveur backend est déployé avec les mêmes variables d’environnement SMTP.
|