Une page Web interagissant avec deux serveurs

Question

J'ai une page Web constituée d'un mélange de contenus dynamiques et statiques.

Par statique, je veux dire des choses comme la mise en page, les étiquettes, les boutons, les champs de texte, les tableaux, etc. En d'autres termes, les composants visuels de la page.

Par dynamique, je veux dire les valeurs affichées comme des étiquettes et dans les tableaux se mettent à jour automatiquement via une connexion websockets. Plus spécifiquement, cette interaction avec le serveur est gérée par une librairie Javascript qui implémente le protocole websockets.

Une configuration logique dans ce cas serait d'avoir deux serveurs servir la page: un qui retourne toutes les parties statiques comme ci-dessus, et l'autre renvoie les valeurs changeantes.

La question est, comment exactement dois-je implémenter cette installation/conception? Est-il purement fait dans le code frontal (par exemple HTML plus Javascript), ou doit être configuré à la fois avant et arrière?

Answer 1

Je ne sais pas ce que vous cherchez, mais voici une option pour une application web moderne:

page web application unique avec backend connecté sur WebSocket.

Tout le contenu statique (HTML, CSS, JS, Imgs, ..) peut être servi à partir d'un simple serveur Web, un CDN ou même être empaqueté dans un ZIP comme un widget Web.

Toutes les interactions avec le backend se font via WebSocket. L'interaction peut utiliser des modèles de messagerie de niveau supérieur tels que RPC et PubSub.

Une approche de conception d'une telle application pourrait Model-View-Presenter, avec View et Presenter dans le frontend côté client, et le modèle dans le backend.