Discussion :

[sekaijin]

Bonjour

Je cherche a savoir comment avec Angular je peux résoudre le problème suivant.

Je construit une application Angular que je déploie.

Je conçois et développe un nouveau module que je compile.
Je déploie ce module sur les serveur

Et j'indique au mon application qu'un nouveau module est disponible avec son nom son url etc.

Comment faire pour que l'application Angular puisse charger ce module et l'intégré dynamiquement dans son routage ?

Un fonctionnement comme un portail.
Je crée un portail t j'y ajoute autant d'application que je veux au runtime.

Créer dynamiquement des menus charger paresseusement les modules aussi mais cela nécessite de tout recompiler à chaque fois.
Tout comme on ne recompile pas éclipse ou VS Code lorsqu'on ajoute un plugin je cherche comment ajouter de nouveau module à mon application sans avoir à tout rebuilder à chaque fois.

Merci.

[krakatoa]

je n'ai jamais fais ça. ça s'appele le lazy load module.

on trouve pas mal de chose sur itnernet comme ici :
https://www.positronx.io/angular-laz...-with-example/

[sekaijin]

Merci je vais voir ça de près

A+JYT

[sekaijin]

Bonjour

Non ce n'est pas la réponse à ma question

Il ne s'agit là que du lazyload
en clair on développe une application avec plusieurs modules et on compile le tout. à ce moment là on a tous les modules dans le projet.

lorsqu'on lance l'application le lazyload ne va charger que les module nécessaire au démarrage et ne chargera les autre que si on les invoque.

Ce n'est pas du tout mon problème, bien qu'il s'en approche.

Ce que je cherche à faire c'est d'avoir une application compilée et exécuté qui autorise l'ajout de module à l'exécution pas à la compilation.

Il faut donc bien que l'application soit capable de charger les modules après le démarrage comme dans le lazyload
mais il faut surtout qu'il puissent être définis après le démarre et non pas à la compilation.

C'est le principe de base d'un portail.

Si on reprends l'exemple l'application l'application doit être compilée sans le module blog
Puis un jour on décide de luit ajouter le module blog mais on ne veut pas pour ça avoir à tout recompiler.

Si on prend la métaphore du portail. on compile le portail et on l'installe et au fil du temps on ajoute et on retire des modules au fil de besoin.

autant j'arrive à concevoir avec Angular pouvoir à la volé ajouter des modules en important du js
autant je n'arrive pas à voir comment faire pour que les routes de ce module soit ajouté au contexte. Comme le fait RouterModule.forRoot(routes) (au démarrage)
parce que pour faire ça Angular va cherché dans les modules connus à la compilation.

il y a aussi la partie DEV comment développer un tel module hors de l'application et le compiler. mise à part le fait que le module doit avoir une interaction avec le portail sour être déclaré dans celui-ci ça reste un module donc je vois des issues.

A+JYT

[radhwan]

Bonjour,

tu peux tenter d'utiliser le module federation de webpack 5 par contre il est encore en beta avec Angular sinon la deuxième solution c'est single spa et enfin la dernière solution serait que tes modules externes soient des webcomponents

bon courage

[sekaijin]

merci