twitter emulation

Emulación de Twitter en Java y React/Angular

La aplicación emula las características principales de Twitter :

• Iniciar sesión, inicio de sesión;
• gestión de cuentas (registro, edición, eliminación, búsqueda por subcadena);
• página principal (propiedades de la cuenta, línea de tiempo, tweets, siguientes, seguidores);
• Tweet creando;
• Sigue/dejar de seguir.

de varias maneras:

1. Primavera MVC , JSP
2. Boot de primavera , JSP
3. Bota de primavera , reaccionar
4. Bota de primavera , angular

Requisitos

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

Correr

Primavera MVC, JSP

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean install -Dmaven.test.skip=true

2. Directorio de cambio:

   cd twitter-emulation-spring-mvc-jsp

3. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn jetty:run ( H2 )
   mvn jetty:run -P development ( H2 )
   mvn jetty:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : etc/jetty.xml )

4. Acceda a la aplicación web implementada en:

   http: // localhost: 8080

5. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Boot de primavera, JSP

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean install -Dmaven.test.skip=true

2. Directorio de cambio:

   cd twitter-emulation-spring-boot-jsp

3. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : src/main/resources/application.yml )

4. Acceda a la aplicación web implementada en:

   http: // localhost: 8080

5. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Bota de primavera, reaccionar

Método 1

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean install -Dmaven.test.skip=true

2. Directorio de cambio:

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

3. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : src/main/resources/application.yml )

4. Acceda a la aplicación web implementada en:

   http: // localhost: 8080

5. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Método 2

1. Instalar node.js

2. Ejecutar para asegurarse de que NPM esté funcionando:

   npm -v

3. Directorio de cambio:

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

4. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : src/main/resources/application.yml )

5. Directorio de cambio:

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

6. Desde la línea de comando con NPM :

   npm start

7. Acceda a la aplicación web implementada en:

   http: // localhost: 5173

8. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Método 3

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean package -DskipTests

2. Directorio de cambio:

   cd twitter-emulation-distrib/target

3. Encontrar archivo de distribución:

   twitter-emulation-react-<version>.zip

4. Extraiga archivos de zip, por ejemplo:

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

5. Directorio de cambio:

   cd twitter-emulation-react-<version>

6. Correr:

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

7. Acceda a la aplicación web en ejecución en:

   http: // localhost: 8080

8. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Bota de primavera, angular

Método 1

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean install -Dmaven.test.skip=true

2. Directorio de cambio:

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

3. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : src/main/resources/application.yml )

4. Acceda a la aplicación web implementada en:

   http: // localhost: 8080

5. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Método 2

1. Instalar node.js

2. Ejecutar para asegurarse de que NPM esté funcionando:

   npm -v

3. Directorio de cambio:

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

4. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   (Propiedades de conexión de la base de datos de Oracle : src/main/resources/application.yml )

5. Directorio de cambio:

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

6. Desde la línea de comando con NPM :

   npm start

7. Acceda a la aplicación web implementada en:

   http: // localhost: 4200

8. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Método 3

1. Desde la línea de comando con Maven (en el directorio raíz):

   mvn clean package -DskipTests

2. Directorio de cambio:

   cd twitter-emulation-distrib/target

3. Encontrar archivo de distribución:

   twitter-emulation-angular-<version>.zip

4. Extraiga archivos de zip, por ejemplo:

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

5. Directorio de cambio:

   cd twitter-emulation-angular-<version>

6. Correr:

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

7. Acceda a la aplicación web en ejecución en:

   http: // localhost: 8080

8. Inicie sesión con cuentas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) o cree una nueva cuenta

Escucha

1. Directorio de cambio:

   cd twitter-emulation-spring-boot-admin

2. Desde la línea de comando con Maven :

   mvn spring-boot:run

3. Directorio de cambio:

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

   o

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

4. Desde la línea de comando con Maven :

   mvn spring-boot:run

5. Acceso a la aplicación de administración de arranque de primavera en:

   http: // localhost: 9000

6. Inicie sesión con admin/password de la cuenta existente

Pruebas

Pruebas de unidades de back -end para DAOS y servicios

1. Instalar Docker (opcional, solo para las pruebas de base de datos Oracle )

2. Directorio de cambio:

   cd twitter-emulation-common

3. Desde la línea de comando, ejecute uno de los comandos con Maven :

   mvn test ( H2 )
   mvn test -P development ( H2 )
   mvn test -P production ( base de datos Oracle )

Pruebas de unidades de back -end para controladores, pruebas de integración

1. Directorio de cambio:

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

2. Desde la línea de comando con Maven :

   mvn test

Prueba de unidades frontends

Jest, Biblioteca de pruebas React, pruebas de Vitest

1. Directorio de cambio:

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

2. Desde la línea de comando con NPM :

   npm run test

Pruebas de jazmín

1. Directorio de cambio:

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

2. Desde la línea de comando con NPM :

   npm run test

Prueba de extremo a extremo frontend

Pruebas de titiriteros

1. Directorio de cambio:

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

2. Desde la línea de comando con NPM :

   npm run e2e

Pruebas de protractor

1. Directorio de cambio:

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

2. Desde la línea de comando con NPM :

   npm run e2e

Desarrollo

• Consola de base de datos H2
• Pavonearse:
  • Swagger ui
  • Swagger json
  • Swagger yaml

Marcos y bibliotecas

• Primavera:
  • MVC de primavera
  • Arranque de primavera
  • Seguridad de primavera
  • Prueba de primavera
  • Administrador de arranque de primavera
• Reaccionar
• Angular
• H2 o base de datos Oracle (almacenamiento de datos)
• Swagger (documentación de REST API )
• Junit (prueba de la unidad Java )
• Mockito (burlarse de las pruebas unitarias en Java )
• TestContainers (pruebas con contenedores Docker)
• Jest (Prueba de unidad de JavaScript )
• Biblioteca de prueba React (Prueba de unidades de JavaScript para React )
• Jasmine (prueba unitaria de JavaScript )
• Titiritero (prueba de extremo a extremo de JavaScript )
• Protractor (pruebas de extremo a extremo para Angular )
• Vitest (Prueba de JavaScript por VITE )

CI/CD

• Acciones de Github (automatización de flujos de trabajo)
• Dependabot (actualizaciones de dependencia automatizadas)
• Mergy (fusión automatizada de solicitudes de extracción)

Herramientas

• Todolista 7.1.5+ (planificación)
• Pencil 3.0.4+ (prototipos de GUI)
• Violet 0.21.1 (diagramas UML)

Artículo

La evolución de la creación de aplicaciones web en Java (ruso)