73 lines
2.3 KiB
Markdown
73 lines
2.3 KiB
Markdown
|
# Ospow — Site web
|
||
|
|
|
||
|
|
## Lancement rapide
|
||
|
|
|
||
|
|
```bash
|
||
|
|
# 1. Installer les dépendances Python
|
||
|
|
pip install -r requirements.txt
|
||
|
|
|
||
|
|
# 2. Copier et remplir la configuration
|
||
|
|
cp .env.example .env
|
||
|
|
# → éditez .env avec vos infos SMTP
|
||
|
|
|
||
|
|
# 3. Lancer le serveur de développement
|
||
|
|
python app.py
|
||
|
|
# → http://localhost:5000
|
||
|
|
```
|
||
|
|
|
||
|
|
## Ajouter une nouvelle page
|
||
|
|
|
||
|
|
1. Créer `templates/ma_page.html` en commençant par :
|
||
|
|
```html
|
||
|
|
{% extends "base.html" %}
|
||
|
|
{% block title %}Mon titre{% endblock %}
|
||
|
|
{% block content %}
|
||
|
|
...votre contenu...
|
||
|
|
{% endblock %}
|
||
|
|
```
|
||
|
|
|
||
|
|
2. Ajouter une route dans `app.py` :
|
||
|
|
```python
|
||
|
|
@app.route("/ma-page")
|
||
|
|
def ma_page():
|
||
|
|
return render_template("ma_page.html")
|
||
|
|
```
|
||
|
|
|
||
|
|
3. *(Optionnel)* Ajouter un lien dans `templates/base.html` dans la `<nav>`.
|
||
|
|
|
||
|
|
## Structure des fichiers
|
||
|
|
|
||
|
|
```
|
||
|
|
ospow/
|
||
|
|
├── app.py ← Serveur Flask (routes + formulaire contact)
|
||
|
|
├── requirements.txt ← Dépendances Python
|
||
|
|
├── .env.example ← Modèle de configuration
|
||
|
|
├── templates/
|
||
|
|
│ ├── base.html ← Header, nav, footer (modifié UNE fois pour toutes)
|
||
|
|
│ ├── index.html ← Page d'accueil
|
||
|
|
│ ├── surveillance.html ← Page Vidéosurveillance
|
||
|
|
│ ← cloud.html ← Page Cloud souverain
|
||
|
|
│ ├── opensource.html ← Page Open-Source
|
||
|
|
│ └── contact.html ← Formulaire de contact
|
||
|
|
└── static/
|
||
|
|
├── css/style.css ← Tous les styles
|
||
|
|
├── js/main.js ← Menu burger + animations
|
||
|
|
└── img/ ← Vos images
|
||
|
|
```
|
||
|
|
|
||
|
|
## Configuration email (formulaire de contact)
|
||
|
|
|
||
|
|
Éditez `.env` :
|
||
|
|
|
||
|
|
| Variable | Description |
|
||
|
|
|-----------------|--------------------------------------------|
|
||
|
|
| `SECRET_KEY` | Clé secrète Flask (changez-la !) |
|
||
|
|
| `MAIL_SERVER` | Serveur SMTP (ex: `smtp.gmail.com`) |
|
||
|
|
| `MAIL_PORT` | Port SMTP (587 pour TLS) |
|
||
|
|
| `MAIL_USERNAME` | Votre adresse email |
|
||
|
|
| `MAIL_PASSWORD` | Mot de passe (ou mot de passe d'app Gmail) |
|
||
|
|
| `CONTACT_EMAIL` | Adresse qui reçoit les messages |
|
||
|
|
|
||
|
|
> **Gmail** : activez la validation en deux étapes puis créez un
|
||
|
|
> "Mot de passe d'application" dans les paramètres de votre compte.
|