WebSocket Tutorial with Spring Boot | Build One On One Chat Application
51.4 هزار بار بازدید -
8 ماه پیش
-
Buy me a coffee:
Buy me a coffee: https://ko-fi.com/boualiali 🚀 Explore the power of WebSockets, Spring Boot, JavaScript, and MongoDB in our latest video on Ali Bouali! Join me, Alibou, your seasoned software engineer guide, as we dive into the heart of real-time communication and data persistence by building a real time One on One Chat application.
🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master! Use promo code "EARLY_BIRD_30" during registration to enjoy this incredible 30% discount. Don't miss out on this opportunity! 🔥
Course link: https://aliboucoding.com/p/spring-boo...
🎁 🚀 COUPON Code: EARLY_BIRD_30
🔗 Source code: https://github.com/ali-bouali/one-to-...
Previous Websocket video: Spring boot & WebSockets: Build a Rea...
🎟 Join this channel to get access to perks: @boualiali
Recommended Courses:
🎬 Spring Boot security & JWT token: Spring boot 3.0 - Secure your API wit...
🎬 Spring security - Roles and permissions: Spring boot 3 & Spring security 6 - R...
🎬 Spring Boot - Microservices architecture: Microservices tutorial with Spring bo...
🎬 DevOps - Github Actions CI/CD: GitHub Actions CI/CD pipeline | Step ...
🎬 Spring Security - KeyCloak integration: Spring boot 3 Keycloak integration fo...
🎬 DevOps - Docker for Beginners: Docker tutorial for beginners | [In 2...
🎬 DevOps - AWS EC2 deployment: 🚀 Deploy Spring boot application to A...
🎬 Angular - Full course from scratch: Angular Tutorial For Beginners | 3 Ho...
🎬 Websocket - Chat application one to one: WebSocket Tutorial with Spring Boot |...
🎬 Spring Security - Two Factors Authentication 2FA (TFA): Two Factor Authentication & JWT | Spr...
🎬 Spring Boot - Swagger UI & OpenApi Decomentation :Spring boot 3 - OpenApi Documentation...
🎬 Spring Boot - Reactive programming & WebFlux:Reactive Programming with Spring Boot...
🎬 Spring Data JPA & Hibernate: Spring Data JPA - The Introduction co...
🎬 Apache Kafka: Apache Kafka Tutorial with Spring Boo...
CONNECT WITH ME:
👨💻. Website: https://aliboucoding.com
👨🏫 Facebook: Facebook: 589612651142975
📸 Instagram: Instagram: alibou_coding
🎮 GitHub: https://github.com/ali-bouali
🏘️ Discord: Discord: discord
👨💻 In this concise tutorial, we'll build a one-on-one chat application, leveraging the seamless integration of WebSockets with Spring Boot, enhancing the user experience with dynamic JavaScript interactions, and ensuring data longevity through MongoDB storage.
🔗 Ready to boost your skills in WebSockets, Spring Boot, JavaScript, and MongoDB? Watch now and dive into the world of efficient, secure, and dynamic web applications! Don't forget to hit subscribe for weekly tech insights and coding adventures. 🎯🔔
#WebSockets #SpringBoot #JavaScript #MongoDB #CodingTutorial #TechExploration #WebDevelopment #SubscribeNow
Table of Content:
00:00 Introduction
02:00 Old application architecture
03:23 How One to One WebSocket communication looks like
05:07 Chat WebSocket Overview
09:24 Database diagran
10:43 Create a new Spring boot project
12:14 Create the docker compose file
17:14 Configure the database connection
19:02 Add WebSocket configuration
26:33 Create the user document
28:14 Create the user service
32:31 Implement the user controller
37:25 Create ChatRoom document
38:40 Implement ChatRoom service
45:32 Create ChatMessage document
47:21 Implement the ChatMessage service
52:54 Implement the Chat Controller
01:01:33 Create the index.html file
01:03:21 UI Overview
01:08:50 Connect the user and subscribe to notifications
01:22:08 Find and display connected users
01:28:39 Display the user element
01:33:37 Test the changes
01:37:02 Add event listener to the selected user
01:42:30 Display user message
01:47:30 Send a message
01:50:49 Implement receive message method
01:57:48 Test the changes
02:00:00 Implement the logout
02:03:49 Test the application
02:08:10 Outro
🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master! Use promo code "EARLY_BIRD_30" during registration to enjoy this incredible 30% discount. Don't miss out on this opportunity! 🔥
Course link: https://aliboucoding.com/p/spring-boo...
🎁 🚀 COUPON Code: EARLY_BIRD_30
🔗 Source code: https://github.com/ali-bouali/one-to-...
Previous Websocket video: Spring boot & WebSockets: Build a Rea...
🎟 Join this channel to get access to perks: @boualiali
Recommended Courses:
🎬 Spring Boot security & JWT token: Spring boot 3.0 - Secure your API wit...
🎬 Spring security - Roles and permissions: Spring boot 3 & Spring security 6 - R...
🎬 Spring Boot - Microservices architecture: Microservices tutorial with Spring bo...
🎬 DevOps - Github Actions CI/CD: GitHub Actions CI/CD pipeline | Step ...
🎬 Spring Security - KeyCloak integration: Spring boot 3 Keycloak integration fo...
🎬 DevOps - Docker for Beginners: Docker tutorial for beginners | [In 2...
🎬 DevOps - AWS EC2 deployment: 🚀 Deploy Spring boot application to A...
🎬 Angular - Full course from scratch: Angular Tutorial For Beginners | 3 Ho...
🎬 Websocket - Chat application one to one: WebSocket Tutorial with Spring Boot |...
🎬 Spring Security - Two Factors Authentication 2FA (TFA): Two Factor Authentication & JWT | Spr...
🎬 Spring Boot - Swagger UI & OpenApi Decomentation :Spring boot 3 - OpenApi Documentation...
🎬 Spring Boot - Reactive programming & WebFlux:Reactive Programming with Spring Boot...
🎬 Spring Data JPA & Hibernate: Spring Data JPA - The Introduction co...
🎬 Apache Kafka: Apache Kafka Tutorial with Spring Boo...
CONNECT WITH ME:
👨💻. Website: https://aliboucoding.com
👨🏫 Facebook: Facebook: 589612651142975
📸 Instagram: Instagram: alibou_coding
🎮 GitHub: https://github.com/ali-bouali
🏘️ Discord: Discord: discord
👨💻 In this concise tutorial, we'll build a one-on-one chat application, leveraging the seamless integration of WebSockets with Spring Boot, enhancing the user experience with dynamic JavaScript interactions, and ensuring data longevity through MongoDB storage.
🔗 Ready to boost your skills in WebSockets, Spring Boot, JavaScript, and MongoDB? Watch now and dive into the world of efficient, secure, and dynamic web applications! Don't forget to hit subscribe for weekly tech insights and coding adventures. 🎯🔔
#WebSockets #SpringBoot #JavaScript #MongoDB #CodingTutorial #TechExploration #WebDevelopment #SubscribeNow
Table of Content:
00:00 Introduction
02:00 Old application architecture
03:23 How One to One WebSocket communication looks like
05:07 Chat WebSocket Overview
09:24 Database diagran
10:43 Create a new Spring boot project
12:14 Create the docker compose file
17:14 Configure the database connection
19:02 Add WebSocket configuration
26:33 Create the user document
28:14 Create the user service
32:31 Implement the user controller
37:25 Create ChatRoom document
38:40 Implement ChatRoom service
45:32 Create ChatMessage document
47:21 Implement the ChatMessage service
52:54 Implement the Chat Controller
01:01:33 Create the index.html file
01:03:21 UI Overview
01:08:50 Connect the user and subscribe to notifications
01:22:08 Find and display connected users
01:28:39 Display the user element
01:33:37 Test the changes
01:37:02 Add event listener to the selected user
01:42:30 Display user message
01:47:30 Send a message
01:50:49 Implement receive message method
01:57:48 Test the changes
02:00:00 Implement the logout
02:03:49 Test the application
02:08:10 Outro
8 ماه پیش
در تاریخ 1402/08/29 منتشر شده
است.
51,446
بـار بازدید شده