IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Apprendre à faire du SSR ou du rendu côté serveur avec JavaScript
Un tutoriel de Bruno Lesieur

Le , par Laethy

8PARTAGES

10  0 
Chers membres du club,

J'ai le plaisir de vous présenter ce tutoriel de Bruno Lesieur, qui se charge de vous apprendre à faire du SSR ou du rendu côté serveur.

Nous allons voir dans ce tutoriel comment faire du rendu côté serveur ou SSR (Server-Side Render) avec le framework JavaScript client MVVM (Modèle-Vue-Vue Modèle) Vue couplé au framework JavaScript serveur MVC(2) (Model View Controller) NodeAtlas !
Alors ce titre parle peut-être aux habitués des architectures clientes MVVM qui ont des difficultés avec le référencement et semble peut-être barbare pour d'autres. Lançons-nous dans une petite explication histoire de rendre cet article intéressant également pour les néophytes : comprenons le problème et trouvons la solution à travers cette page.
Bonne lecture.

Retrouvez les meilleurs cours et tutoriels pour apprendre le JavaScript.
Retrouvez tous les tutoriels de Bruno Lesieur

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de MachinisteWeb
Candidat au Club https://www.developpez.com
Le 19/04/2018 à 9:41
Quelques nouveautés ont fait leurs apparition côté Vue depuis la première publication de cet article, aussi je trouve que cela peut faire partie de quelques travaux supplémentaires que vous pouvez essayer d'appliquer vous-même !

vue-ssr-outlet

Nous gérons nous même le remplacement dans le DOM de
Code : Sélectionner tout
<section class="todo-list"></section>
avec la ligne
Code : Sélectionner tout
locals.dom = locals.dom.replace("<section class="todo-list"></section>", html.replace('server-rendered="true"', ""));
. Cependant Vue Server Renderer est capable de s'en charger lui même avec le commentaire HTML
Code : Sélectionner tout
<!-- vue-ssr-outlet -->
. Plus d'information sur la documentation officielle de Vue Server Renderer. À vous de jouer !

Bonnes pratiques Vue

Un guide de bonne pratique est sortie listant toutes les bonnes pratiques dont il faut tenir compte pour conserver un code maintenable et propre. Vous trouverrez ce guide ici. Pourquoi ne pas appliquer toutes ces bonnes pratiques sur ce tutoriel !
1  0