Spring boot & WebSockets: Build a Real-Time Chat App From Scratch

Поделиться
HTML-код
  • Опубликовано: 23 дек 2024

Комментарии • 303

  • @BoualiAli
    @BoualiAli  Год назад +7

    Join the Micro Services course waiting list and get and get an exclusive EARLY-BIRD discount
    aliboucoding.ck.page/d0f9317e13

    • @borisdimitrijevic-v6d
      @borisdimitrijevic-v6d Год назад

      Hello? i was following ur instructors and i didnt see before ur asnwer i came today with a hope u gonna answer me my question :)

    • @BoualiAli
      @BoualiAli  Год назад

      @@borisdimitrijevic-v6d what is the question

  • @MaseyaScarlet
    @MaseyaScarlet Месяц назад +1

    As a self programmer this video is useful in my coding journey

  • @naderayed9562
    @naderayed9562 Год назад +33

    I would like to express my sincere gratitude for your assistance. Your guidance and motivation have been truly inspiring to me. Thank you very much for all your help.

  • @czLochy
    @czLochy 11 месяцев назад +8

    Amazing video man! You are very easy to understand, speak very clearly, and explained everything amazingly well. Definitely worth the watch, thank you so much for putting your time into making such good guides. :)

    • @BoualiAli
      @BoualiAli  11 месяцев назад +1

      Glad it helped!

  • @TejasShastri-lh2mq
    @TejasShastri-lh2mq 10 месяцев назад +2

    At 31:50, you used the cloudfare socketjs urls but didn't tell where to get them from? Nor is there any link in the description for that. Could you please tell me how to get the latest version?

  • @ivovencislavov3651
    @ivovencislavov3651 9 месяцев назад +1

    Amazing tutorial! One of the best on the topic. The way of explanation is very sequential, which makes it easy to follow and understand. I absolutely recommend this!

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      Glad it was helpful!

  • @whiz-code
    @whiz-code 11 месяцев назад +2

    Simple and precise. I first saw you in Amigoscode lectures while tutoring and with this tutorial, i have no second thought on subscribing. Thank you.

    • @BoualiAli
      @BoualiAli  8 месяцев назад +1

      Glad you think so!

  • @LudwingPerez-z4r
    @LudwingPerez-z4r Месяц назад

    REally awesome video! Thank you!

  • @KlevjanPrifti
    @KlevjanPrifti Год назад +3

    Thanks for the video, i was working on making a real-time chat app that used websockets and react, i made most of the implementations but seeing this video it gave me some new ides to implement. Thanks again

  • @davebudah
    @davebudah Год назад +1

    I was busy looking for something on Websockets, here we are.

  • @shafiurrahman2997
    @shafiurrahman2997 8 месяцев назад

    Project is running perfectly. Thank You

  • @ShermukhammadKarimov
    @ShermukhammadKarimov 4 месяца назад

    as always, amazing tutorial!

  • @thomasbalboa628
    @thomasbalboa628 4 месяца назад

    Thanks, the tutorial is really qualitative !

  • @CodingBeTounsi
    @CodingBeTounsi Год назад

    keep going chouf comments w nes eli ta3ref t9oul saha w ta3ref t9ader w tad3em wasel w matarja3ch betweli

    • @BoualiAli
      @BoualiAli  Год назад +1

      Thank you so much bro.
      hadheka 3lech gotlek ennou lazem yetbadel cible

  • @lazymind2433
    @lazymind2433 3 месяца назад

    Great video. Worked as expected. Just need to modify according to my private group chat. Thank you

  • @monachyy
    @monachyy 8 месяцев назад

    Great! I really enjoy seeing your videos. Best instructor!

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      Great to hear!

  • @CaliforniaWaffle
    @CaliforniaWaffle Год назад +6

    This was a magnificent tutorial, thank you so much. Please show us how to push to AWS and the benefits of doing so.

    • @BoualiAli
      @BoualiAli  Год назад +3

      Will do!
      I will create a video on how to deploy this application to aws 😁
      I hope this is what you expect

    • @aarishmahmood8865
      @aarishmahmood8865 Год назад +1

      @@BoualiAli Thank you!
      Waiting for that.

  • @ymnN_
    @ymnN_ 7 месяцев назад

    Great content. Thanks Ali.

    • @BoualiAli
      @BoualiAli  7 месяцев назад

      Glad you liked it!

  • @hienvietsub
    @hienvietsub 3 месяца назад

    You make the comment function have notification like facebook, thank you

  • @monachyy
    @monachyy 8 месяцев назад

    Great. I really enjoy seeing your videos. Best instructor!😁

    • @BoualiAli
      @BoualiAli  8 месяцев назад +1

      Happy to hear that!

    • @monachyy
      @monachyy 8 месяцев назад

      @@BoualiAli kk, You are my idol. Whenever I have an issue or need to learn something about Java Spring Boot, the first thing I recall is you

  • @ArsenFesiuk
    @ArsenFesiuk Год назад +2

    Please,you can create a voice chat(real-time) on the spring?

  • @manojkr2362
    @manojkr2362 7 месяцев назад +1

    Can i put this project in my resume ( where it will help or not) or recommand me a good project

  • @JindalMistry
    @JindalMistry 11 месяцев назад

    Great content! Thank you very much helped me understand web sockets in no time!

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      Glad you think so!

  • @khalilbouali3480
    @khalilbouali3480 Год назад

    that was very interesting Ali !

  • @vovanhung9406
    @vovanhung9406 4 месяца назад +2

    why my localhost:8080 can not access to index.html file?

    • @yine-EngAnaba
      @yine-EngAnaba 4 месяца назад

      I'm getting the same error

    • @vovanhung9406
      @vovanhung9406 4 месяца назад

      @@yine-EngAnaba but the weird is when I try to run the project on his github, it runs 🤷‍♂🤷‍♂

  • @prashlovessamosa
    @prashlovessamosa Год назад +1

    Thank you for making this.
    I have learnt a lot

  • @sadiulhakim7814
    @sadiulhakim7814 5 месяцев назад

    Thanks, Finally, i made a chat app

  • @HYR0720
    @HYR0720 Год назад

    Thank you for teaching me the web socket method.

  • @BasitSeyl3r
    @BasitSeyl3r 11 месяцев назад

    Thanks a lot! I have a question. How can I set the "message read" notification?
    So how can I do "one-on-one" messaging between just two people?

    • @BoualiAli
      @BoualiAli  11 месяцев назад +1

      I created a dedicated video for it. Check the playlist

  • @mahmoudzghal8779
    @mahmoudzghal8779 Год назад +1

    Very good Guide. But i have a question : Can i test my websocket controller in postman for example ?

    • @BoualiAli
      @BoualiAli  Год назад

      I never tried that before. But really worth trying
      If you try before me, please leave a comment and tell me your feedback

    • @voluantran5090
      @voluantran5090 Год назад

      hello bro, can you test it on postman, please ?

  • @norulshahlamjohn1140
    @norulshahlamjohn1140 9 месяцев назад

    hi sir, can websocket be use for push notification? if yes, do u have tutorial for it? appreciate your content!

  • @HlibAstashev
    @HlibAstashev Год назад +1

    Very well done guide! Thank you!

  • @dopaminelessboy
    @dopaminelessboy Год назад

    Thank you for your content, I really enjoyed it
    Please keep doing it!
    I am going to go through all of your videos from now!

  • @bodrul52
    @bodrul52 7 месяцев назад

    Thanks for nice explanation

    • @BoualiAli
      @BoualiAli  7 месяцев назад

      Always welcome

  • @konoszka4680
    @konoszka4680 6 месяцев назад +1

    Great video thanks

  • @DineshLagusani
    @DineshLagusani 2 месяца назад +1

    sir can i use websockets to stream live score(cricket) to audience(clients) from one client

  • @JingoeX
    @JingoeX 8 месяцев назад +1

    I don't have any code completion for javascript on my intellij. what's the reason? got the latest update

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      I use the ultimate version

  • @gabrielfono844
    @gabrielfono844 10 месяцев назад

    Hi sir
    Could you please link us to the documentation on spring that talks specifically for web sockets
    Thanks

  • @merxxibeaucoup9093
    @merxxibeaucoup9093 Год назад

    Yesss !!! Thank you so much for this

  • @MrPivario
    @MrPivario Год назад

    Thank you for the tutorial , Totally Worth IT

  • @tetrendafilov348
    @tetrendafilov348 10 месяцев назад

    You are great! Thanks a lot!

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      Glad you think so!

  • @BoualiAli
    @BoualiAli  Год назад +1

    COUPON Code: *EARLYBIRD20* => Spring Data J PA course: aliboucoding.com/p/the-full-guide-to-master-spring-boot-data-jpa

  • @vvshawty
    @vvshawty Год назад +1

    Thanks for the content! In my application i have two types of user that need to be connected in a private chat. Can i implement that securely using your tutorial as a start point? How hard would it be to implement a secure chat app between two users in my API?

    • @BoualiAli
      @BoualiAli  Год назад +1

      You can add a spring security layer to your application and allow only authenticated user to access your chat

  • @rupeshdulal4677
    @rupeshdulal4677 Год назад +2

    Can you please make frontend as well in Angular latest version

  • @subhashismollick5464
    @subhashismollick5464 Год назад

    Thanks @Bouali
    Very helpful

  • @shm-dtt
    @shm-dtt 9 месяцев назад

    Great video. Thankss. I had a doubt. The application is running fine in my local machine but the connection to the websocket fails when the app is deployed. Any solution to that??

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      what is the error?

  • @zalsonchannel
    @zalsonchannel Год назад

    Thanks very much Ali

  • @Ben-jj5pl
    @Ben-jj5pl 5 месяцев назад +1

    I got error of not connect to websocket please help me

    • @__ashoq_9469
      @__ashoq_9469 4 месяца назад

      I too got the same error, did you fix it?

    • @vivekvasu5981
      @vivekvasu5981 4 месяца назад

      @@__ashoq_9469 same issue

  • @laadhibidheker5888
    @laadhibidheker5888 Год назад +1

    Hi! Thanks for creating this video. I was wondering if I could use Angular instead of js to implement the chat app into my project

  • @Kingkevino360
    @Kingkevino360 Год назад

    Hi. Thanks for the video. Could you do a version with angular instead?

  • @孙喆-b8u
    @孙喆-b8u Год назад

    Hello, thank you very much for your video. It has been very helpful to me. Can you tell me how to achieve one-on-one chatting in this app?

  • @saleckyessoufou8895
    @saleckyessoufou8895 10 месяцев назад

    Thanks Ali for your video. Please I have a question, I want to integrate chat in my Spring Aplication. How can I adapt It if I have many topic and each have his own chat always with two users? Thanks

  • @stevegatspaul
    @stevegatspaul Год назад

    Thank you very much 😀

  • @khalillakhdharLIVEFROMATC
    @khalillakhdharLIVEFROMATC Год назад

    such a wonderfull content keep going

  • @ogabekhamdamov7647
    @ogabekhamdamov7647 Год назад

    Hi! I liked your content. Have you worked with Kafka ? I cannot any project or tutorial that explains exactly when and why to use Kafka

    • @BoualiAli
      @BoualiAli  Год назад

      I'm working on something that will cover the topic.
      join me here and you will get notified: aliboucoding.com/courses

    • @ogabekhamdamov7647
      @ogabekhamdamov7647 Год назад

      @@BoualiAli thank you

  • @badiuljamal8705
    @badiuljamal8705 3 месяца назад

    i don't get it why you Add a separate EventListener for handling disconnected User case. why not do the same that you do in add user

    • @BoualiAli
      @BoualiAli  3 месяца назад

      Think about SOLID principles

  • @derekt3436
    @derekt3436 Год назад

    Hi Bouali, do you know if we would be able to add encryption to this Chat App? Maybe a future video idea alongside publishing to AWS

    • @BoualiAli
      @BoualiAli  Год назад +1

      Good idea.
      I will create a video for publishing this app to AWS

  • @dim3787
    @dim3787 8 месяцев назад

    Nothing about socketIO, that was mentioned on 0:36 - so I suppose "the most famous and the most popular and the most demanded framework on the market today" has no implementation and ability to interact with "the unarguably the most popular Nodejs socket framework" straight from the box

  • @ericwangi6541
    @ericwangi6541 Год назад

    my best mentor

  • @samahmahdi5511
    @samahmahdi5511 7 месяцев назад

    Thank you so much

    • @BoualiAli
      @BoualiAli  7 месяцев назад +1

      You're most welcome

  • @ParthaSutradhar
    @ParthaSutradhar Год назад +1

    Thank you for sharing valuable knowledge. Can you make a video on Profiler and Benchmark technology? That's really help on production.

  • @someshsahu4638
    @someshsahu4638 Год назад +1

    Very nice explanation thank you so much sir 🙏🏼🙏🏼🙏🏼

  • @sonlethanh8985
    @sonlethanh8985 3 месяца назад

    Thank man

  • @jahnavir5012
    @jahnavir5012 7 месяцев назад

    hello, i am having issues with the log function under WebSocketEventListener.java class where it says log cannot be resolved. How do i fix this?
    plss help🙏

  • @davidwaziri333
    @davidwaziri333 4 месяца назад

    Pls help me sir, when I run the application and try to enter the chat room after entering my user I still get the same page

  • @hamdyamal6840
    @hamdyamal6840 7 месяцев назад

    I have a spring boot project where the user is saved in the database and handled with spring security , i created a websocket where each user should receive his own notifications but it didnt work althought it shows that the connection is established with the websocket , can u please create a vedio about how to configure websocket with a user that is handled with spring security

  • @pardeepsaini3844
    @pardeepsaini3844 Год назад

    ❤ Great experience God bless you. Keep sharing knowledge.

    • @BoualiAli
      @BoualiAli  Год назад

      Happy you liked it!
      Thank you, I will

  • @CanseSelecta
    @CanseSelecta Год назад +1

    Hello ALI c'est compliqué de passer le JS en typeScript pour Angular ou plutôt simple ?

    • @BoualiAli
      @BoualiAli  Год назад +1

      C’est super simple, meme code.
      Juste remplace l’importation des fichiers js par la dépendance

    • @aymenmrabtini9565
      @aymenmrabtini9565 Год назад +1

      @@BoualiAli Merci et pouvez-vous faire une vidéo

  • @satviknema8629
    @satviknema8629 11 месяцев назад

    can we test the server using postman first instead of directly creating a client?

    • @brazilfeijoada
      @brazilfeijoada 11 месяцев назад

      You wouldnt get the same result since Postman uses HTTP protocol and this application uses Websocket protocol, as he explained in the intro.

    • @brazilfeijoada
      @brazilfeijoada 11 месяцев назад

      I mean, you can test the backend with Postman but you won't see the frontend functionalities.

  • @mehmetcengizayhan7460
    @mehmetcengizayhan7460 7 месяцев назад

    Life Saver 🙌

  • @bulelaniquinton7272
    @bulelaniquinton7272 Год назад

    great video Sir🙏

  • @nothing-ic9fz
    @nothing-ic9fz 3 месяца назад

    thank you sir

  • @samirallahverdiyev99
    @samirallahverdiyev99 Год назад +1

    Thanks for the video😊.Please give tutatial about Spring Kafka with Spring 3 version.Thanks🎉

    • @BoualiAli
      @BoualiAli  Год назад +1

      Thanks for the feedback.
      I'm working on it

    • @ajisegirisunday2885
      @ajisegirisunday2885 Год назад +1

      Yes I support, microservices with event driven architecture

  • @bornok1040
    @bornok1040 Год назад

    Thanks for this tutorial. My question is should i implement STOMP for building a real-time chat application? I'm developing an application that can have a user-to-user communication and also chat groups like Facebook's messenger where many users can be in one group. I did some research and found many atricles and tutorial videos where STOMP is used. Abd only a few uses WebSockets. it's a bit confusing to me. When do we use STOMP protocol and when WebSocket. What are use cases for each of them?

    • @BoualiAli
      @BoualiAli  Год назад

      STOMP (Simple Text Oriented Messaging Protocol):
      STOMP is a higher-level messaging protocol that can be layered on top of WebSocket or other transport protocols.
      It adds a layer of abstraction on WebSocket by providing a simple text-based messaging format.
      STOMP is designed to be easy to use and is suitable for building messaging and chat applications.
      It provides features like message destinations (topics and queues), message acknowledgment, and subscription management.
      STOMP simplifies the development of real-time applications by providing a standardized messaging format.
      Use WebSocket when you need a direct, low-level, high-performance communication channel. WebSocket is ideal for scenarios where you have specific requirements, and you want to build custom real-time functionality from the ground up.
      Use STOMP when you want a higher-level, more user-friendly messaging protocol built on top of WebSocket. STOMP abstracts the underlying WebSocket complexity and provides a standardized way to send and receive messages. It's suitable for chat applications, messaging systems, and scenarios where you don't need to reinvent the wheel.

    • @onlyforshorts6948
      @onlyforshorts6948 Год назад

      I also want this 😢

  • @AnhHoang-zq8vl
    @AnhHoang-zq8vl 9 месяцев назад

    Thank you sir ❤

  • @ogungbemioluwamayowa658
    @ogungbemioluwamayowa658 Год назад

    Yes ! Thanks a bunch

  • @kavinkumar6513
    @kavinkumar6513 7 месяцев назад

    See,when sender and recipient message at a time means either of the sender or recipient message not saved and not shown?? What cause this?? Please give solution

    • @BoualiAli
      @BoualiAli  7 месяцев назад

      what is the issue?

  • @ilyalisov5284
    @ilyalisov5284 Год назад

    Thank you very much!

  • @a_dev6696
    @a_dev6696 5 месяцев назад

    How to make it work with data base for realtime database update

  • @pandoors1062
    @pandoors1062 Год назад

    Hi, got any video of how to add Kafka into this?

    • @BoualiAli
      @BoualiAli  Год назад

      I published a kafka full course days ago. CHeck it out

  • @Dhruv-od3tc
    @Dhruv-od3tc 4 месяца назад

    i accidently discovered this channel and i found this video little difficult to understand can anyone tell me what are the pre reqst to watch this video apart from springboot and spring (i dont have any idea apart from this like l4j payload etc)

  • @josejulian00
    @josejulian00 Год назад

    Dammmmnn. Thank Youuuuu❤️

  • @sambhusubramannian8732
    @sambhusubramannian8732 9 месяцев назад

    Very informative video

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      So nice of you

  • @thefinal5233
    @thefinal5233 11 месяцев назад

    i want to use angular for frontend how to do it? any please guide me

  • @onlyStudy-vz6pn
    @onlyStudy-vz6pn Год назад

    is there any github repo
    ?

  • @Der_Yoloist
    @Der_Yoloist 8 месяцев назад

    Little typo in the chapters :) Hanshake -> Handshake

    • @BoualiAli
      @BoualiAli  8 месяцев назад

      I will fix it.
      thank you

  • @TikTokTrendsCompilation
    @TikTokTrendsCompilation Год назад +3

    Can you make a video to transform this example into angular/react and also with private messaging instead of public rooms like this?

  • @Nisanth-dg9zi
    @Nisanth-dg9zi 7 месяцев назад +1

    I got the error while enter a username it will not be connect

    • @BoualiAli
      @BoualiAli  7 месяцев назад

      what is the error?

    • @__ashoq_9469
      @__ashoq_9469 4 месяца назад

      ​@@BoualiAlifailed to connect web socket . Please answer me how can I fix this

  • @YashJain-xr1ll
    @YashJain-xr1ll Год назад

    Hey, could you tell me which plugin you used for Javascript

    • @BoualiAli
      @BoualiAli  Год назад

      No plugin. I use Intellij Ultimate version

  • @ethanhamilton4494
    @ethanhamilton4494 7 месяцев назад

    How do i implement Private chats

    • @BoualiAli
      @BoualiAli  7 месяцев назад

      Check the one to one chat

  • @tiny1eaf
    @tiny1eaf Год назад

    hey thanks a lot for the video, how can I test/prove its running correctly without a frontend

    • @BoualiAli
      @BoualiAli  Год назад

      You can use postman to test websockets

  • @ManishMix8293
    @ManishMix8293 Год назад

    Hello sir can u make one complete backend and frontend project using apachi kafka project name should be chating application please

    • @BoualiAli
      @BoualiAli  Год назад

      I already published an apache kafka tutorial few days ago. check it.
      I would like to invite you to check the new websocket video for one to one chat

  • @nelsonjoseanselmo1549
    @nelsonjoseanselmo1549 6 месяцев назад

    how to increase file uploads

  • @sporksto4372
    @sporksto4372 Год назад

    Hi! Thanks for creating this video. I was wondering if I could use Blazor in lieu of JS, as the prospect of coding in JS does not particularly appeal to me.

  • @obzen12
    @obzen12 Год назад

    how can i add database to this project

  • @sakshivinchurkar552
    @sakshivinchurkar552 Год назад

    I properly wrote code still still showing error that "Received a message with null or undefined sender sender: null" what's the reason behind this error

    • @BoualiAli
      @BoualiAli  Год назад

      CHeck the mapping
      Compare with the code provided in Github

  • @DrW1ne
    @DrW1ne 5 месяцев назад

    Why no security ?

    • @patrickmckenna6520
      @patrickmckenna6520 4 месяца назад +1

      Because it is not a spring security tutorial

    • @DrW1ne
      @DrW1ne 4 месяца назад

      @@patrickmckenna6520 indeed

  • @voluantran5090
    @voluantran5090 Год назад

    how can i test on postman

    • @BoualiAli
      @BoualiAli  Год назад

      google have the answer already
      blog.postman.com/postman-supports-websocket-apis/

  • @SignumCode
    @SignumCode Год назад

    How to establish connection between only to clients

  • @ragothamanragothaman7244
    @ragothamanragothaman7244 3 месяца назад

    in chatcontroller
    getsender() is error
    in webscoketlistener builder() is sroor
    can anyone help me

    • @suneramunasinghe
      @suneramunasinghe 21 день назад

      This is an issue with Lombok, and there is a procedure to install it on your IDE for the first time before using it to auto-generate getters and setters (and also builder constructors) in your projects.
      Follow these steps to install Lombok to STS or Eclipse.
      1. Include pom in Maven .
      2. Exit/Shutdown STS.
      3. Find lombok Jar in C:\Users\\.m2
      epository\org\projectlombok\lombok\version
      4. Double click execute the .jar file.
      5. Select Eclipse in the installation wizard, or click "Specify Location" and and select SpringToolSuite4.exe for STS install.
      6. Start STS.
      7. (Optional) - If it doesn't work, right click project in STS, refresh, OR right click project, maven, rebuild project.