twitter emulation

Twitter Emulation en Java et React / Angular

L'application émule les principales fonctionnalités de Twitter :

• Connexion, déconnexion;
• Gestion des comptes (enregistrement, montage, supprimer, recherche par sous-chaîne);
• Page principale (propriétés du compte, chronologie, tweets, suivi, abonnés);
• Tweet Création;
• Suivez / désabonnez.

de plusieurs manières:

1. Spring MVC , JSP
2. Spring Boot , JSP
3. Boot de printemps , réagir
4. Boot de printemps , angulaire

Exigences

• JDK 21+
• Apache Maven 3.9.0+
• Node.js 22.12.0+ (facultatif)
• Docker (facultatif)

En cours d'exécution

Spring MVC, JSP

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean install -Dmaven.test.skip=true

2. Répertoire de modification:

   cd twitter-emulation-spring-mvc-jsp

3. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn jetty:run ( H2 )
   mvn jetty:run -P development ( H2 )
   mvn jetty:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : etc/jetty.xml )

4. Accéder à l'application Web déployée à:

   http: // localhost: 8080

5. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Spring Boot, JSP

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean install -Dmaven.test.skip=true

2. Répertoire de modification:

   cd twitter-emulation-spring-boot-jsp

3. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : src/main/resources/application.yml )

4. Accéder à l'application Web déployée à:

   http: // localhost: 8080

5. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Boot de printemps, réagir

Méthode 1

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean install -Dmaven.test.skip=true

2. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-server

3. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : src/main/resources/application.yml )

4. Accéder à l'application Web déployée à:

   http: // localhost: 8080

5. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Méthode 2

1. Installer Node.js

2. Exécutez pour s'assurer que le NPM fonctionne:

   npm -v

3. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-server

4. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : src/main/resources/application.yml )

5. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-web

6. De la ligne de commande avec NPM :

   npm start

7. Accéder à l'application Web déployée à:

   http: // localhost: 5173

8. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Méthode 3

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean package -DskipTests

2. Répertoire de modification:

   cd twitter-emulation-distrib/target

3. Trouver le fichier de distribution:

   twitter-emulation-react-<version>.zip

4. Extraire des fichiers de Zip, par exemple:

   unzip twitter-emulation-react-<version>.zip

5. Répertoire de modification:

   cd twitter-emulation-react-<version>

6. Courir:

   runme.bat ( Windows )
   runme.sh ( macOS ou Linux )

7. Accéder à l'application Web en cours d'exécution à:

   http: // localhost: 8080

8. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Boot de printemps, angulaire

Méthode 1

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean install -Dmaven.test.skip=true

2. Répertoire de modification:

   cd twitter-emulation-spring-boot-angular-server

3. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : src/main/resources/application.yml )

4. Accéder à l'application Web déployée à:

   http: // localhost: 8080

5. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Méthode 2

1. Installer Node.js

2. Exécutez pour s'assurer que le NPM fonctionne:

   npm -v

3. Répertoire de modification:

   cd twitter-emulation-spring-boot-angular-server

4. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propriétés de connexion de la base de données Oracle : src/main/resources/application.yml )

5. Répertoire de modification:

   cd twitter-emulation-spring-boot-angular-web

6. De la ligne de commande avec NPM :

   npm start

7. Accéder à l'application Web déployée à:

   http: // localhost: 4200

8. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Méthode 3

1. De la ligne de commande avec maven (dans le répertoire racine):

   mvn clean package -DskipTests

2. Répertoire de modification:

   cd twitter-emulation-distrib/target

3. Trouver le fichier de distribution:

   twitter-emulation-angular-<version>.zip

4. Extraire des fichiers de Zip, par exemple:

   unzip twitter-emulation-angular-<version>.zip

5. Répertoire de modification:

   cd twitter-emulation-angular-<version>

6. Courir:

   runme.bat ( Windows )
   runme.sh ( macOS ou Linux )

7. Accéder à l'application Web en cours d'exécution à:

   http: // localhost: 8080

8. Connectez-vous avec les comptes existants ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou créez un nouveau compte

Surveillance

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-admin

2. De la ligne de commande avec maven :

   mvn spring-boot:run

3. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-server

   ou

   cd twitter-emulation-spring-boot-angular-server

4. De la ligne de commande avec maven :

   mvn spring-boot:run

5. Accédez à l'application d'administration de démarrage Spring à:

   http: // localhost: 9000

6. Connectez-vous avec admin/password du compte existant

Essai

Test d'unité backend pour les DAO et les services

1. Installer Docker (facultatif, uniquement pour les tests de base de données Oracle )

2. Répertoire de modification:

   cd twitter-emulation-common

3. De la ligne de commande, exécutez l'une des commandes avec maven :

   mvn test ( H2 )
   mvn test -P development ( H2 )
   mvn test -P production ( Oracle Database )

Test d'unité backend pour les contrôleurs, tests d'intégration

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-common-server

2. De la ligne de commande avec maven :

   mvn test

Test de l'unité frontale

Jest, React Testing Library, Tests Vite

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-web

2. De la ligne de commande avec NPM :

   npm run test

Tests de jasmin

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-angular-web

2. De la ligne de commande avec NPM :

   npm run test

Test de bout en bout frontal

Tests de marionnettiste

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-react-web

2. De la ligne de commande avec NPM :

   npm run e2e

Tests de protracteur

1. Répertoire de modification:

   cd twitter-emulation-spring-boot-angular-web

2. De la ligne de commande avec NPM :

   npm run e2e

Développement

• Console de base de données H2
• Swagger:
  • Swagger ui
  • Fanfaron json
  • Swagger Yaml

Cadres et bibliothèques

• Printemps:
  • MVC de printemps
  • Botte de printemps
  • Sécurité du printemps
  • Test de printemps
  • Spring Boot Admin
• Réagir
• Angulaire
• Base de données H2 ou Oracle (stockage de données)
• Swagger ( REST API Documentation)
• JUnit (test unitaire Java )
• Mockito (moqueur pour les tests unitaires en Java )
• TestContainers (test avec des conteneurs Docker)
• JEST (test unitaire JavaScript )
• Bibliothèque de tests React (test unitaire JavaScript pour React )
• Jasmine (test unitaire JavaScript )
• Marionnettiste (tests de bout en bout JavaScript )
• ProTractor (test de bout en bout pour Angular )
• Vitest (test JavaScript par VITE )

CI / CD

• Actions GitHub (automatisation des flux de travail)
• DependAbot (mises à jour de dépendance automatisées)
• Mergify (fusion automatisée des demandes de traction)

Outils

• Todolist 7.1.5+ (planification)
• Crayon 3.0.4+ (prototypage GUI)
• Violet 0,21.1 (diagrammes UML)

Article

L'évolution de la création d'applications Web en Java (russe)