twitter emulation

Java 및 React/Angular의 트위터 에뮬레이션

응용 프로그램은 트위터 의 주요 기능을 모방합니다.

• 로그인, 로그 아웃;
• 계정 관리 (등록, 편집, 삭제, 하위 문자열 검색);
• 메인 페이지 (계정 속성, 타임 라인, 트윗, 팔로어);
• 트윗 생성;
• 팔로우/팔로우.

여러 가지 방법으로 :

1. 스프링 MVC , JSP
2. 스프링 부츠 , JSP
3. 스프링 부츠 , 반응
4. 스프링 부츠 , 각도

요구 사항

• JDK 21+
• Apache Maven 3.9.0+
• node.js 22.12.0+ (선택 사항)
• 도커 (선택 사항)

달리기

스프링 MVC, JSP

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean install -Dmaven.test.skip=true

2. 디렉토리 변경 :

   cd twitter-emulation-spring-mvc-jsp

3. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn jetty:run ( H2 )
   mvn jetty:run -P development ( H2 )
   mvn jetty:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : etc/jetty.xml )

4. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 8080

5. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

스프링 부츠, JSP

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean install -Dmaven.test.skip=true

2. 디렉토리 변경 :

   cd twitter-emulation-spring-boot-jsp

3. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : src/main/resources/application.yml )

4. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 8080

5. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

스프링 부츠, 반응

방법 1

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean install -Dmaven.test.skip=true

2. 디렉토리 변경 :

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

3. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : src/main/resources/application.yml )

4. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 8080

5. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

방법 2

1. node.js 를 설치하십시오

2. NPM 이 작동하는지 확인하기 위해 실행하십시오.

   npm -v

3. 디렉토리 변경 :

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

4. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : src/main/resources/application.yml )

5. 디렉토리 변경 :

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

6. NPM 의 명령 줄에서 :

   npm start

7. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 5173

8. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

방법 3

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean package -DskipTests

2. 디렉토리 변경 :

   cd twitter-emulation-distrib/target

3. 배포 파일 찾기 :

   twitter-emulation-react-<version>.zip

4. Zip에서 파일을 추출합니다.

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

5. 디렉토리 변경 :

   cd twitter-emulation-react-<version>

6. 달리다:

   runme.bat ( Windows )
   runme.sh ( macos 또는 linux )

7. 실행중인 웹 응용 프로그램에 액세스하십시오.

   http : // localhost : 8080

8. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

스프링 부츠, 각도

방법 1

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean install -Dmaven.test.skip=true

2. 디렉토리 변경 :

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

3. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : src/main/resources/application.yml )

4. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 8080

5. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

방법 2

1. node.js 를 설치하십시오

2. NPM 이 작동하는지 확인하기 위해 실행하십시오.

   npm -v

3. 디렉토리 변경 :

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

4. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

   mvn spring-boot:run ( H2 )
   mvn spring-boot:run -P development ( H2 )
   mvn spring-boot:run -P production ( Oracle Database )
   ( Oracle 데이터베이스 연결 속성 : src/main/resources/application.yml )

5. 디렉토리 변경 :

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

6. NPM 의 명령 줄에서 :

   npm start

7. 배포 된 웹 애플리케이션에 액세스하십시오.

   http : // localhost : 4200

8. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

방법 3

1. Maven (루트 디렉토리)의 명령 줄에서 :

   mvn clean package -DskipTests

2. 디렉토리 변경 :

   cd twitter-emulation-distrib/target

3. 배포 파일 찾기 :

   twitter-emulation-angular-<version>.zip

4. Zip에서 파일을 추출합니다.

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

5. 디렉토리 변경 :

   cd twitter-emulation-angular-<version>

6. 달리다:

   runme.bat ( Windows )
   runme.sh ( macos 또는 linux )

7. 실행중인 웹 응용 프로그램에 액세스하십시오.

   http : // localhost : 8080

8. 기존 계정 ( jsmith/password , jdoe/password , rroe/password , alone/password )으로 로그인하거나 새 계정을 만듭니다.

모니터링

1. 디렉토리 변경 :

   cd twitter-emulation-spring-boot-admin

2. Maven 과의 명령 줄에서 :

   mvn spring-boot:run

3. 디렉토리 변경 :

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

   또는

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

4. Maven 과의 명령 줄에서 :

   mvn spring-boot:run

5. Spring Boot 관리자 응용 프로그램에 액세스 : :

   http : // localhost : 9000

6. 기존 계정 admin/password 로 로그인하십시오

테스트

DAO 및 서비스에 대한 백엔드 단위 테스트

1. Docker 설치 (선택 사항, Oracle 데이터베이스 테스트의 경우에만)

2. 디렉토리 변경 :

   cd twitter-emulation-common

3. 명령 줄에서 Maven 과 함께 명령 중 하나를 실행합니다.

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

컨트롤러에 대한 백엔드 장치 테스트, 통합 테스트

1. 디렉토리 변경 :

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

2. Maven 과의 명령 줄에서 :

   mvn test

프론트 엔드 단위 테스트

농담, 반응 테스트 라이브러리, Vitest 테스트

1. 디렉토리 변경 :

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

2. NPM 의 명령 줄에서 :

   npm run test

재스민 테스트

1. 디렉토리 변경 :

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

2. NPM 의 명령 줄에서 :

   npm run test

프론트 엔드 엔드 투 엔드 테스트

인형극 테스트

1. 디렉토리 변경 :

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

2. NPM 의 명령 줄에서 :

   npm run e2e

오기체 테스트

1. 디렉토리 변경 :

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

2. NPM 의 명령 줄에서 :

   npm run e2e

개발

• H2 데이터베이스 콘솔
• 멋진:
  • Swagger UI
  • Swagger JSON
  • Swagger Yaml

프레임 워크 및 라이브러리

• 봄:
  • 봄 MVC
  • 봄 부츠
  • 봄 보안
  • 봄 테스트
  • 스프링 부트 관리자
• 반응
• 모난
• H2 또는 Oracle 데이터베이스 (데이터 스토리지)
• Swagger ( REST API 문서)
• 주니트 ( Java Unit Testing)
• Mockito ( Java 에서 단위 테스트를위한 조롱)
• TestContainers (Docker 컨테이너로 테스트)
• 농담 ( JavaScript 단위 테스트)
• React Testing Library ( RECT 에 대한 JavaScript 단위 테스트)
• 재스민 ( JavaScript 단위 테스트)
• 인형극 ( JavaScript 엔드 투 엔드 테스트)
• Protractor ( Angular 에 대한 엔드 투 엔드 테스트)
• Vitest ( Vite 의 JavaScript 테스트)

CI/CD

• github 동작 (워크 플로 자동화)
• 부양애 (자동화 된 종속성 업데이트)
• 합병 (풀 요청의 자동 병합)

도구

• Todolist 7.1.5+ (계획)
• 연필 3.0.4+ (GUI 프로토 타이핑)
• 바이올렛 0.21.1 (UML 다이어그램)

기사

Java (러시아어)에서 웹 애플리케이션 생성의 진화