ng-app
Shell Angular per micro frontend: più app in una, con accesso, permessi e layout pronti.
A cosa serve
Installazione
ng add @open-rlb/ng-appEsempio
// app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
provideZonelessChangeDetection(),
provideRlbConfig(environment),
provideRouter(routes),
{ provide: RLB_INIT_PROVIDER, useClass: AppInitProvider },
// provideApp(myAppDescriber), una riga per ogni app
],
};
export const chatDescriber: AppDescriber = {
info: {
type: 'chat',
enabled: true,
actions: ['chat-read', 'chat-admin'],
core: { title: 'Chat', description: '…', url: 'chat', icon: 'bi bi-chat', auth: true },
settings: { title: 'Chat settings', description: '…', url: 'settings/chat', icon: 'bi bi-gear', auth: true },
},
routes,
providers: [],
};Cosa fa
Un core, più app
Accesso con OIDC
Permessi fino al singolo bottone
La shell è già pronta
Le pagine che servono sempre
Si parte con ng add
Requisiti
- Angular 22
- NgRx 22
- @open-rlb/ng-bootstrap 5.1 o successiva (5.x)
- angular-auth-oidc-client dalla 19 alla 21
- @ngx-translate/core 16 o 17
- ngx-cookie-service 22
