twitter emulation

Emulação do Twitter em Java e React/Angular

O aplicativo emula os principais recursos do Twitter :

• login, logout;
• Gerenciamento de contas (registro, edição, exclusão, pesquisa por substring);
• página principal (propriedades da conta, linha do tempo, tweets, seguidores, seguidores);
• Tweet criando;
• Siga/deixar de seguir.

de várias maneiras:

1. Spring MVC , JSP
2. Botagem de primavera , JSP
3. BOTA DE MENHA , REACTER
4. Bota de primavera , angular

Requisitos

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

Correndo

Spring MVC, JSP

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean install -Dmaven.test.skip=true

2. Diretório de mudança:

   cd twitter-emulation-spring-mvc-jsp

3. Na linha de comando, execute um dos comandos com Maven :

   mvn jetty:run ( H2 )
   mvn jetty:run -P development ( H2 )
   mvn jetty:run -P production ( Oracle Database )
   ( Oracle Database Connection Properties: etc/jetty.xml )

4. Acesse o aplicativo Web implantado em:

   http: // localhost: 8080

5. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Botagem de primavera, JSP

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean install -Dmaven.test.skip=true

2. Diretório de mudança:

   cd twitter-emulation-spring-boot-jsp

3. Na linha de comando, execute um dos comandos com Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( banco de dados Oracle )
   ( Oracle Database Connection Properties: src/main/resources/application.yml )

4. Acesse o aplicativo Web implantado em:

   http: // localhost: 8080

5. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Botagem de primavera, reaja

Método 1

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean install -Dmaven.test.skip=true

2. Diretório de mudança:

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

3. Na linha de comando, execute um dos comandos com Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( banco de dados Oracle )
   ( Oracle Database Connection Properties: src/main/resources/application.yml )

4. Acesse o aplicativo Web implantado em:

   http: // localhost: 8080

5. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Método 2

1. Instale o Node.js

2. Corra para garantir que o NPM esteja funcionando:

   npm -v

3. Diretório de mudança:

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

4. Na linha de comando, execute um dos comandos com Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( banco de dados Oracle )
   ( Oracle Database Connection Properties: src/main/resources/application.yml )

5. Diretório de mudança:

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

6. Da linha de comando com NPM :

   npm start

7. Acesse o aplicativo Web implantado em:

   http: // localhost: 5173

8. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Método 3

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean package -DskipTests

2. Diretório de mudança:

   cd twitter-emulation-distrib/target

3. Encontre o arquivo de distribuição:

   twitter-emulation-react-<version>.zip

4. Extrair arquivos do ZIP, por exemplo:

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

5. Diretório de mudança:

   cd twitter-emulation-react-<version>

6. Correr:

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

7. Acesse o aplicativo Web em execução em:

   http: // localhost: 8080

8. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Bota da mola, angular

Método 1

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean install -Dmaven.test.skip=true

2. Diretório de mudança:

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

3. Na linha de comando, execute um dos comandos com Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( banco de dados Oracle )
   ( Oracle Database Connection Properties: src/main/resources/application.yml )

4. Acesse o aplicativo Web implantado em:

   http: // localhost: 8080

5. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Método 2

1. Instale o Node.js

2. Corra para garantir que o NPM esteja funcionando:

   npm -v

3. Diretório de mudança:

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

4. Na linha de comando, execute um dos comandos com Maven :

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( banco de dados Oracle )
   ( Oracle Database Connection Properties: src/main/resources/application.yml )

5. Diretório de mudança:

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

6. Da linha de comando com NPM :

   npm start

7. Acesse o aplicativo Web implantado em:

   http: // localhost: 4200

8. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Método 3

1. Da linha de comando com Maven (no diretório raiz):

   mvn clean package -DskipTests

2. Diretório de mudança:

   cd twitter-emulation-distrib/target

3. Encontre o arquivo de distribuição:

   twitter-emulation-angular-<version>.zip

4. Extrair arquivos do ZIP, por exemplo:

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

5. Diretório de mudança:

   cd twitter-emulation-angular-<version>

6. Correr:

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

7. Acesse o aplicativo Web em execução em:

   http: // localhost: 8080

8. Faça login com contas existentes ( jsmith/password , jdoe/password , rroe/password , alone/password ) ou crie uma nova conta

Monitoramento

1. Diretório de mudança:

   cd twitter-emulation-spring-boot-admin

2. Da linha de comando com maven :

   mvn spring-boot:run

3. Diretório de mudança:

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

   ou

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

4. Da linha de comando com maven :

   mvn spring-boot:run

5. Acesso Aplicativo de Administração de Boot Spring em:

   http: // localhost: 9000

6. Faça login com admin/password da conta existente

Teste

Teste de unidade de back -end para DAOS e serviços

1. Instale o Docker (opcional, apenas para o Oracle Database Testing)

2. Diretório de mudança:

   cd twitter-emulation-common

3. Na linha de comando, execute um dos comandos com Maven :

   mvn test ( H2 )
   mvn test -P development ( H2 )
   mvn test -P production ( banco de dados Oracle )

Teste de unidade de back -end para controladores, teste de integração

1. Diretório de mudança:

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

2. Da linha de comando com maven :

   mvn test

Teste de unidade de front -end

Jest, React Testing Library, Vitest Testes

1. Diretório de mudança:

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

2. Da linha de comando com NPM :

   npm run test

Testes de jasmim

1. Diretório de mudança:

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

2. Da linha de comando com NPM :

   npm run test

Teste de ponta a ponta do front-end

Testes de marionetistas

1. Diretório de mudança:

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

2. Da linha de comando com NPM :

   npm run e2e

Testes de transferidor

1. Diretório de mudança:

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

2. Da linha de comando com NPM :

   npm run e2e

Desenvolvimento

• Console de banco de dados H2
• Arrogância:
  • Swagger Ui
  • Swagger JSON
  • Swagger Yaml

Estruturas e bibliotecas

• Primavera:
  • Spring MVC
  • Botagem da primavera
  • Segurança da primavera
  • Teste de primavera
  • Admin
• Reagir
• Angular
• Banco de dados H2 ou Oracle (armazenamento de dados)
• Swagger (documentação da API REST )
• JUNIT (teste de unidade Java )
• Mockito (zombando de testes de unidade em Java )
• TestContainers (testando com recipientes do Docker)
• JEST (teste de unidade JavaScript )
• React Testing Library ( JavaScript Unit Testing for React )
• Jasmim (teste de unidade JavaScript )
• Marionetista (teste de ponta a ponta JavaScript )
• Transferidor (teste de ponta a ponta para angular )
• Vitest ( JavaScript Testing by Vite )

CI/CD

• Ações do GitHub (automação de fluxos de trabalho)
• DependBot (Atualizações de dependência automatizada)
• Mergificar (fusão automatizada de solicitações de tração)

Ferramentas

• Todolista 7.1.5+ (planejamento)
• Lápis 3.0.4+ (prototipagem da GUI)
• Violet 0.21.1 (diagramas UML)

Artigo

A evolução da criação de aplicativos da Web em Java (russo)