Enterprise Applications - Angular Day 2018
- 1. Enterprise applications Gestire applicazioni di classe Enterprise con Angular 6 e Schematics paolo.galfione@softwareuno.it
- 2. // angular-cli 6 : @angular/devkit ORGANIZZAZIONE EFFICIENZA
- 3. // Paolo galfione - Softwareuno ins Founder - CEO http://www.softwareuno.it Paolo Galfione paolo.galfione@softwareuno.it Attiva dal 1992 40+ addetti Team di sviluppo di 16 persone https://twitter.com/paologalfione
- 4. // ENTERPRISE APPLICATION: che Cos’è?
- 5. // da «sanità» a DIGITAL HEALTH
- 6. // da «sanità» a DIGITAL HEALTH
- 8. // la nostra architettura CORE Tenant, Autentication, Auth, Organization Unit Auth Nav Pic Dossier ? ? Auth Nav Pic Dossier ? ? Shell & common UXFRONT-END BACK-END Web Services RESTful
- 9. cv cv cv cv cv cv // applications & libraries APPLICATION LIBRARIES cv cv cv cv cv cv SHELL COMPONENTI APPLICATIVI COMPONENTI CONDIVISI
- 10. // multi-repo Mono-repo github.com/myaccount repo: app1 APP1 version 1.0 APP2 version 1.5 LIB1 version 2.1 LIB2 version 1.18 LIB3 version 1.01 repo: app2 repo: lib1 repo: lib2 repo: lib3 github.com/myaccount repo: monorepo – version 1.0 APP1 APP2 LIB1 LIB2 LIB3 WORKSPACE
- 11. // angular 6 workspace
- 12. // angular 6 generate ng new workspace
- 14. // schematics • Facile da usare e da sviluppare • Estensibile e riusabile • Atomico (Transazionale) • Asincrono
- 15. // schematics - i pionieri
- 16. // concetti chiave – schematics e collection • Schematics • si intende un generatore, capace di eseguire una pipeline di azioni senza che vi siano side effects sul file system esistente (è anche il nome della libreria nel suo insieme) • Collection • è una lista di schematics resi disponibili all’interno di un pacchetto (schematics project). Il singolo generatore viene definito con un proprio nome all’interno della collections
- 17. // concetti chiave – tree
- 18. // concetti chiave – source f
- 19. // concetti chiave – RULE RULE D O C
- 20. // concetti chiave – actions C R O D CREATE RENAME OVERWRITE DELETE
- 21. // concetti chiave – WORKFLOW D O C C O D FILE SYSTEM INIZIALE SCHEMATICS – STAGING AREA COMMIT SCHEMATICS A
- 22. // utilizzare schematics npm install –g @angular/devkit/schematics-cli schematics blank –name=adayschema schematics schematics –name=adayschema
- 23. • Utilizzo di metadati per i nomi dei file __name@dasherize__ • Utilizzo di embedded JavaScript templating (http://ejs.co/) per la generazione del codice (TS, HTML, CSS) • Funzioni per la gestione delle convenzioni sui nomi: • dasherize • classify • camelize // utilizzare I templates
- 24. GRAZIE! Gestire applicazioni di classe Enterprise con Angular 6 e Schematics paolo.galfione@softwareuno.it