[Bot]

Hello !
Ca fait quelques jours jours que je regarde pour coder ma première page de login. J’ai un serveur frontend avec Nginx qui fait office de reverse proxy et mon serveur backend avec Gunicorn et qui exécute un script en py avec la librairie flask.
J’ai essayé de chercher quelques exemples de framework et de language utilisé en production dans les grandes entreprises, mais j’ai un peu de mal à trouvé ces infos.
Donc voila ma question, quels sont les langages utilisés (peu importe la difficulté) les frameworks, et les types de db que vous me conseillez ?
Il n’y a pas de projet derrière, juste un lab car je veux mieux comprendre le fonctionnement. Merci de vos réponses !

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

Sujet

[Bot]

L’archi m’a pas l’air bonne

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

C’est ça une « dmz »/reverse proxy

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Si le carré bleu c’est le client, il ne devrait pas avoir de connexion avec le serveur backend (carré rouge) si ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Le carré bleu c’est ton reverse proxy/dmz

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Le client c’est le pc a gauche

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Tu fais une requête sur le front, le reverse proxy t’envoie le front (vert), ça fait des requêtes sur le reverse proxy qui t’envoie le back cette fois

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Quand tu as un front et un back c’est toujours ton client qui fait les requêtes, le serveur front ne communique pas avec le backend, il t’envoie les pages avec le HTML CSS JS etc et ensuite c’est ton pc qui fait les requêtes vers le back

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Oui donc le front ne fait que redirigé les requêtes de mon client vers le back c’est bien ça ? Et le client de son coté reçoit les pages du front, qui ont été transmis par le back

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Aaah donc mon front n’est pas mon reverse proxy, il faut que je les sépares

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Non le front ne ‘redirige’ pas les requêtes. Il t’envoie ta page web que tu vois avec les couleurs les images etc et du JavaScript, ce JavaScript (qui tourne sur ton pc) va appeler le backend pour récupérer de la donnée et remplir la page

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Si tu le voulais tu pourrais directement appeler le backend sans passer par le front ça marcherait tu aurais la donnée

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

OOooh Okay c’est pour ça que je comprennais pas les schémas que je voyais

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Je sais pas qui a fait le schéma que tu as montré mais il est pas correct

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

c’est moi xD

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Bon ça va alors j’me serais inquiété si c’était un tuto ou autre

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Ok donc
– Reverse proxy, redirige les requêtes
– Front : S’occupe du html css javascript
– Back: Db

C’est juste ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Alors TECHNIQUEMENT vu que nginx peut servir de front et de reverse proxy ça pourrait fonctionner mais c’est pas du tout standard

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Back != Db

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Le backend va interroger la db

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

La db par contre n’a pas besoin d’être accessible par ton client

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

ok donc la db c’est encore une partie indépendante

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Oui

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Ok donc le back fait quoi concrêtement, il gère les requêtes et s’occupe de la mise en forme des données avant de les renvoyer au front ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Il va interroger la db typiquement, faire des appels APIs à des services tiers par exemple, et la renvoyer a ton client (le front qu’on t’a envoyé va mettre ça en jolies couleurs bien aligné et c’est tout)

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

« mise en forme des données » pas sûr de comprendre ce que tu veux dire par là

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Il va renvoyer de la donnée sous un format qui est attendu par ton front (sur ton pc pas sur le serveur front)

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Ok je vais essayé de schématisé ma pensée j’arrive

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

(merci beaucoup pour ton temps au passage 👏 )

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Je prends l’exemple avec Flask car c’est le seul framework que je connais :

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Et j’ai enlevé l’aspect réseau je verrais ça plus tard

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Et ducoup ce schéma serait plus juste si j’ai compris tes explications ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Ok correction de mon schéma

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

(V3 en cours de route je suis en train de comprendre)

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Alors

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Au risque d’être chiantos

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Le templating c’est encore autre chose

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

ouai je vais lacher les templates, déjà si j’arrive à comprendre un infra ultra basique ca sera pas mal

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Et attention avec la notion « envoie au front », le serveur ne fait que répondre à la requête de ton pc, c’est ton pc qui va assembler les données du back avec la page que ton front t’as envoyée plus tôt

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Le backend n’envoie pas de données au serveur front-end, il répond à une requête de ton client

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Petite question, ducoup le front ne sers qu’a envoyé des pages web statiques, et si on parles de pages web dynamiques, alors le back rentre en jeux, fais les requêtes, assemble la page html et l’envoie au client ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

(Ducoup avec ton message du haut, le backend va envoyé les infos pour que le client puisse assembler la page web) ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Dans l’ensemble c’est l’idée oui

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Pour le back, non

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

la page html est retournée quand tu « vas sur un site »

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

avec l’html tu peux avoir du js (qui tourne sur ton pc)

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

ce JS va faire une requête (de la même façon que tu as requêté le front) au serveur backend qui va renvoyer des données, le JS (toujours sur ton pc) va prendre ces données et modifier ta page html (qui a déjà été renvoyée plus tôt par le front) en conséquence

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

ooooh okkkk

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Mais ducoup la requête js part quand enfait ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

dans l’ordre c’est:
Client (toi) requête le frontend
Le serveur front te répond avec une page html, un peu de css, un peu de js
Le JS de la page (selon certaines conditions), depuis ton poste, va requêter le backend
Le serveur back répond à la requête de ton pc et renvoyer de la donnée
le js (toujours sur ton pc) prend ces données, les met sur ta page front bien comme il faut

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

la requête vers le back

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Okkk c’est ce que je comprenais pas, donc les données retournée par le backend, c’est pas une page html entière, le front envoie une « base » et les parties ou on a besoin que ce soit dynamique, c’est demandé au backend qui renvoie l’info au client, qui lui assemble le tout

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

c’est exactement ça

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

seigneur

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

OK ducoup pour une page de login, quand le client rentre « pseudo » et  » mot de passe », et qu’il clique sur « login », au moment de cliquer, le client va envoyé lui la requête vers le reverse, qui lui renverra à ce moment au back

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Et tout ca en js

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

Bon maintenant que j’ai compris la BASE de la base, je vais consolider le tout mais merci MILLE fois c’était pas clair pour moi

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

C’est ça, ça marche aussi très bien sans reverse proxy

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Le reverse proxy est un intermédiaire mais si tu te connectais directement aux serveurs back et front le résultat serait le même

——————–
super__randy – Envoyé depuis le Discord : Culte du code

[Bot]

Je vois, mais dans le cas ou j’ai un site exposé sur internet, je devrais le mettre aussi dans ma dmz dans ce cas ?

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Bot]

à première vu j’aurais mis le reverse en dmz et des règles firewall entre la dmz et mon vlan autorisant que mon reverse à rentré avec présentation d’un certificat

——————–
waybackurls – Envoyé depuis le Discord : Culte du code

[Auteur]

Réponses