Discussion :

[dorus-one]

Bonjour à tous,

Dans le cadre d'une utilisation de vue.js dans une application RIA(Desktop) avec electron, j'aimerais savoir comment procéder pour gérer la navigation à l'intérieur de son application desktop.
Etant donné que ce n'est plus à proprement parlé un site web dans un navigateur web je commence à douter sur la facon de s'y prendre :
- Dois-je encore utiliser des urls ?
- la finalité d'une url correspond à un template ou un component vue.js ?
- dois-je effectuer des liens a href qui pointe directement vers des pages html ?
- faut-il mettre en place une logique Javascript de suppression d’éléments du DOM pour en ajouter d'autres ?

L'ensemble des tutos, explications et exemples ce base sur un concept de Single Page website qui ne permet pas de se faire une idée précise sur la question.

Attention : ma question repose sur le fait que vue.js est utilisé avec electron pour créé une application desktop pas un site web.

Qu'en pensez-vous ?

[Marco46]

C'est comme pour Cordova ( pour générer des applications mobiles pour Android / IPhone ), ta webapp est embarquée dans une sorte de container qui contient le moteur d'exécution d'un navigateur donc pour ta webapp ça change pas grand chose à part que Cordova est capable d'exposer à ton appli des fonctionnalités natives qui ne sont pas accessibles depuis un client léger (gps, contacts, etc ...).

J'imagine que ça doit être à peu près pareil avec Electron notamment pour la gestion du filesystem.

En dehors de ça ton architecture est identique, ça doit rester une SPA simplement les urls ne seront pas visible pour l'utilisateur.

[dorus-one]

Même une application possédant des centaines d'écrans ou pages ou menus est et/ou doit être considérée comme une SPA ?
Pour moi la question est importante car j'utilise actuellement vue.js pour coder mon application et on attribue fortement cette techno pour des appli SPA.
Si mon applis ne doit pas être considéré comme une SPA alors il faudrait peut-être que je m'oriente vers une autre techno que vue.js dans ce cas ? (Angular, React)

[Marco46]

Même une application possédant des centaines d'écrans ou pages ou menus est et/ou doit être considérée comme une SPA ?

Tu confonds la notion de page et de vue (au sens de view).

Une page c'est une page web, elle est servie par un serveur web, bref c'est un fichier html autonome il contient des meta informations permettant de dire dans quelle version du html il faut l'interpréter et il contient des liens vers les ressources nécessaires à l'exploitation de la page (css, JavaScript, ...).

Un site web classique c'est une collection de pages web. Individuellement elles sont autonomes, elles sont soit statiquement présentes sur le serveur web soit générées par le serveur web. On appelle ça le templating côté serveur (cf vieille technos web à base de Java / PHP / C# / Python, etc ...).

Une application web moderne (une SPA pour Single Page Application) c'est une seule page. Le index.html. Cette page contient beaucoup de JavaScript qui sert à générer des vues. Tout est manipulé en JavaScript. Le client se connecte à ton serveur web, il téléchargement la page web unique et toutes les ressources associées d'un seul coup. Ceci fait l'application JavaScript démarre et télécharge les données via des API REST (ou XML parfois) au fil de l'utilisation de l'application par le client. Il n'y a plus d'aller et retour avec le serveur web pour générer les vues, et le client ne demande aucun page web. Le client s'occupe de gérer le DOM lui-même, on parle donc de templating côté client.

Dans le contexte d'une SPA, une vue ce n'est rien d'autre qu'un composant, donc un triptyque JavaScript / html / css qui permet de décrire le composant. Ce composant n'est pas autonome comme un page web, il est exécuté dans le contexte de l'application web par l'application web.

Les frameworks et bibliothèques comme Angular, React, Vue, etc ... servent à développer des SPA. Il ne faut pas les utiliser dans un contexte de templating côté serveur.

Le nombre de menus et de vues n'a absolument aucun rapport avec la nature de l'architecture de l'application. J'ai déjà travaillé sur des SPA contenant des centaines de vues (c'est déconseillé d'en avoir autant, il vaut mieux split en plusieurs applis mais pour une appli desktop via Electron ça peut le faire).

[dorus-one]

Merci pour ta réponse détaillé.

Je vais donc rester sur Vue.js et utiliser vue-router.js pour ma navigation qui ciblera apparemment mes composants root afin que l'ensemble de l'écran change suivant les composant fils du composant root selectionné par la route.