twitter emulation

Эмуляция в твиттере в Java и React/Angular

Приложение эмулирует основные функции Twitter :

• Вход, вход;
• Управление учетной записью (регистрация, редактирование, удаление, поиск по подстроению);
• Главная страница (свойства учетной записи, временная шкала, твиты, следующие, подписчики);
• твитнуть создание;
• Следуйте/отписывается.

несколькими способами:

1. Spring MVC , JSP
2. Spring Boot , JSP
3. Пружинный ботинок , реагировать
4. Пружинный ботинок , угловой

Требования

• JDK 21+
• Apache Maven 3.9.0+
• Node.js 22.12.0+ (необязательно)
• Docker (необязательно)

Бег

Spring 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 )
   (Свойства соединения базы данных Oracle : etc/jetty.xml )

4. Доступ к развернутому веб -приложению по адресу:

   http: // localhost: 8080

5. Войдите в систему с существующими учетными записями ( jsmith/password , jdoe/password , rroe/password , alone/password ) или создайте новую учетную запись

Spring Boot, 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 )
   (Свойства подключения базы данных 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 )
   (Свойства подключения базы данных 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 )
   (Свойства подключения базы данных 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 )
   (Свойства подключения базы данных 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 )
   (Свойства подключения базы данных 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. Доступ к приложению Admin Admin Applion Spring по адресу:

   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 )

Бэкэнд -модульное тестирование для контроллеров, интеграционное тестирование

1. Справочник изменения:

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

2. Из командной строки с Maven :

   mvn test

Берег -модульный тестирование

Jest, React Testing Library, Tests Tests 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:
  • Swagger UI
  • Swagger Json
  • Swagger Yaml

Фреймворки и библиотеки

• Весна:
  • Весна MVC
  • Весенний ботинок
  • Весенняя безопасность
  • Весенний тест
  • Пружинный администратор
• Реагировать
• Угловой
• База данных H2 или Oracle (хранение данных)
• Swagger (документация API REST )
• Junit ( Java Unit Testing)
• Mockito (издевание за модульные тесты на Java )
• TestContainers (тестирование с контейнерами Docker)
• Jest ( JavaScript Unit Testing)
• Библиотека тестирования React ( JavaScript Unit Testing для React )
• Жасмин ( JavaScript Unit Testing)
• Кукольник ( JavaScript сквозное тестирование)
• Выстойчик (сквозное тестирование на угловой )
• Vitest ( JavaScript Testing с помощью Vite )

CI/CD

• Действия GitHub (автоматизация рабочих процессов)
• Devingabot (автоматические обновления зависимостей)
• Mergify (автоматизированное слияние запросов на вытягивание)

Инструменты

• Todolist 7.1.5+ (планирование)
• Карандаш 3.0.4+ (прототипирование GUI)
• Вайолет 0,21,1 (диаграммы UML)

Статья

Эволюция создания веб -приложений в Java (русский язык)