di Francesco Benincasa

Nel realizzare il progetto Files-On-Cloud, si è cercato di essere il più aderente possibile alle specifiche di progetto. Si sono apportati i seguenti aggiunte/cambiamenti rispetto alle specifiche iniziali: Tutti gli utenti sono caratterizzati da uno username in formato email. Questo cambio di requisito si e’ reso necessario al fine di utilizzare Firebase come sistema di autenticazione. Per gli utenti Consumer esiste un campo Codice Fiscale. In realtà, pur avendo un vincolo di unicità per tutti gli user di tipo consumer, questo campo deve essere visto come un semplice codice univoco. Non vengono eseguiti controlli di validità di tale campo come codice fiscale. Al fine semplificare la dimostrazione del funzionamento dell’applicazione, al momento della creazione dei vari tipi di utenti, alcuni campi sono prevalorizzati. Ovviamente l’utente è libero di cambiarli a proprio piacimento prima di salvare. Ad esempio, ogni utente in fase di creazione ha come password: password e come indirizzo di posta elettronica [email protected] (per rendere la verifica del funzionamento del sistema più semplice). Sono stati inseriti dei limiti in termini di dimensioni dei file da caricare di 1MB. Il report per gli amministratori di default prende come data iniziale quella del primo giorno del mese precedente e come data finale la data odierna.

L’applicazione e’ visionabile all’indirizzo:

https://programmazione-web-238419.appspot.com/

I sorgenti sono disponibili su github:

https://github.com/xcesco/files-on-cloud

Di seguito è riportato uno screenshot dell’applicativo

La soluzione software realizzata per essere eseguita sulla piattaforma cloud di Google. In particolare si e’ utilizzato:

• Google App Engine: per ospitare l’applicazione web.
• Google SQL: per ospitare l’istanza di database MYSQL utilizzata da Files-on-cloud.
• Firebase Authenticator: per la gestione degli utenti e relativi login.
• Google storage per memorizzare i file da condividere.

Per l’invio di email ci si è basati sul sistema di mail offerto dalla piattaforma (che in locale non funziona).

Si sono utilizzate diverse tecnologie per realizzare il progetto. Di seguito sono riportate quelle principali suddivise per “area di competenza”:

• Java per il backend
• Typescript per il frontend
• CSS
• HTML

• Maven
• Git

• Spring Boot
• Spring
• Spring security
• Spring web
• JPA/Hibernate
• FasterXML/Jackson: libreria per la conversione oggetti Java in JSON
• Swagger: per la documentazione ed il testing dei servizi web realizzati con l’applicazione.
• Firebase Admin SDK

• Angular 8
• Bootstrap
• NG-Bootstrap
• Font-awesome
• Firebase Client
• Node.JS (npm)

• Eclipse (per il backend e la gestione del progetto in maven)
• Plugin eclipse per Integrazione con Google Cloud SDK
• Webstorm (per la gestione del progetto Angular)
• DataGrip
• Google Cloud SDK
• Maven
• Atom

Gli strumenti di sviluppo sono stati scelti in quanto già utilizzati in altri progetti. Le scelte tecnologie sono state guidate dal fatto che: Sono tra quelle più usate attualmente nel mercato In buona parte già note

Per la realizzazione del progetto è stato creato un apposito account gmail con il quale si sono creati due progetti, uno su https://console.cloud.google.com ed uno su https://console.firebase.google.com/ .

Il progetto è suddiviso in due moduli:

• Il modulo Maven, che si occupa del progetto Java e della build complessiva del progetto. Al suo interno vengono utilizzate le credenziali di servizio generate mediante la console del progetto su cloud.

https://cloud.google.com/iam/docs/creating-managing-service-account-keys

Il file JSON che ospita la service key è reso disponibile all’applicazione web sotto forma di variabile d’ambiente GOOGLE_APPLICATION_CREDENTIALS (contiene il path del file).

Questo file verrà recupero dall’app in fase di avvio mediante il codice contenuto nella classe WebStartup.

Il modulo Angular ospita il codice del front-end realizzato in Angular. Questo modulo richiede la configurazione del progetto su firebase.

Le istruzioni su come ottenere le credenziali da usare con Firebase sono presenti al seguente url:

https://firebase.google.com/docs/web/setup

Le credenziali ottenute devono presenti nei file environment.prod.ts ed environment.ts.

Di seguito sono risportati alcuni link utilizzati durante lo sviluppo

• https://medium.com/google-cloud/getting-started-with-google-app-engine-and-spring-boot-in-5-steps-2d0f8165c89
• https://stackoverflow.com/questions/40610155/how-to-deploy-spring-boot-application-on-google-app-enginegae-using-eclipse-id
• https://stackoverflow.com/questions/31821617/how-to-deploy-a-springboot-rest-application-to-google-app-engine
• https://www.baeldung.com/spring-xml-vs-java-config
• https://github.com/GoogleCloudPlatform/getting-started-java/

• https://startbootstrap.com/templates/sb-admin/

• https://www.callicoder.com/spring-boot-file-upload-download-rest-api-example/

• https://dzone.com/articles/integrate-h2-database-in-your-spring-boot-applicat

• http://download.eclipse.org/egit/github/updates

• https://cloud.google.com/appengine/docs/standard/php/cloud-sql/using-cloud-sql-mysql

• https://docs.spring.io/spring-security/site/docs/5.0.0.BUILD-SNAPSHOT/api/org/springframework/security/crypto/bcrypt/BCrypt.html
• https://www.devglan.com/spring-security/spring-boot-security-password-encoding-bcrypt-encoder

• https://www.baeldung.com/spring-boot-security-autoconfiguration

• https://g00glen00b.be/validating-the-input-of-your-rest-api-with-spring/

• https://auth0.com/blog/how-to-authenticate-firebase-and-angular-with-auth0-part-1/
• https://itnext.io/part-2-complete-step-by-step-firebase-authentication-in-angular-2-25d284102632
• https://medium.com/@jwngr/demystifying-firebase-auth-tokens-e0c533ed330c

• https://thoughts-on-java.org/complete-guide-inheritance-strategies-jpa-hibernate/
• https://dzone.com/articles/add-custom-functionality-to-a-spring-data-reposito

• link 1

• link 2

• link 3

• link 4

• link 5

• link 6

• link 7

• installazione proxy

• java-google-cloud-storage
• run-spring-petclinic-on-app-engine-cloudsql

• https://www.baeldung.com/hibernate-persist-json-object

• link 1
• link 2
• https://cloud.google.com/appengine/docs/standard/java/mail/sending-mail-with-mail-api
• https://github.com/GoogleCloudPlatform/java-docs-samples/blob/2e5996c68440134a79f1511c57529fa5cf987628/appengine-java8/mail/src/main/java/com/example/appengine/mail/MailServlet.java

• Link

Elenco dei codici fiscali generati da http://www.codicefiscaleonline.com/

• Mario Rossi RSSMRA80A01L424F
• Vittoria Rossi RSSVTR80A01L424L

• https://github.com/OWASP/java-html-sanitizer

• https://www.techiediaries.com/angular-course-firebase-authentication/
• https://github.com/techiediaries/angular-portfolio
• https://www.baeldung.com/spring-security-method-security

• https://codeburst.io/understanding-resolvers-in-angular-736e9db71267

• https://stackblitz.com/edit/angular-confirmation-dialog

• https://www.npmjs.com/package/ngx-toastr

• https://www.techiediaries.com/angular-course-firebase-authentication/
• https://hatchful.shopify.com/onboarding/select-logo

• https://getavataaars.com/