Тёмный

Symfony 5 Real-time Chat App - Front-end with Vue [Part 4\4] 

OverSeas Media
Подписаться 10 тыс.
Просмотров 15 тыс.
50% 1

Important note, if you get a cors headers problem just add to the CORS_ALLOWED_ORIGINS option when running the binary, the url will look like this "localhost:8000"
This video will be the last of four videos covering how to make a real time chat application using Symfony5, Mercure and Vuejs.
This videos covers the following:
- Install Webpack encore and Vue js related packages for symfony.
- Install and configure both Vuex and VueRouter.
- Create a store and multiples modules.
- Consume the API for both conversations and messages.
- Listening to incoming real time updates from the server.
Github repository (commit):github.com/kon...
If you have any questions please let me know in the comments or via email.

Опубликовано:

 

22 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 43   
@mikeziebeck2199
@mikeziebeck2199 2 года назад
Impressive coding speed and so clearly described!
@mfouakiehibrahim42
@mfouakiehibrahim42 4 года назад
Baraka'Allahou Fikr sir
@OverSeasMedia
@OverSeasMedia 4 года назад
Thank you brother
@konstantinmarx2704
@konstantinmarx2704 4 года назад
Thank you very much for this great tutorial. I have been looking for something like this for a while! I would be interested in a Vue tutorial.
@OverSeasMedia
@OverSeasMedia 4 года назад
I'm glad you found this helpful :))
@Gexodox
@Gexodox 4 года назад
Great tutorial. Thank you so much!
@malayroy559
@malayroy559 3 года назад
Thank you very much for your very helpful tutorial. Please upload the CRUD operation using Vue js with Symfony.
@parijke
@parijke 4 года назад
Again, as usual... very nice!
@OverSeasMedia
@OverSeasMedia 4 года назад
Thank you very much Paul, I appreciate that
@cedricradoary1824
@cedricradoary1824 4 года назад
thanks for all course, you are just amazing :)
@OverSeasMedia
@OverSeasMedia 4 года назад
You're very welcome! Thanks mate :))
@bpri7919
@bpri7919 Год назад
Hello, is it possible to have the tutorial updated with the symfony 6 syntax because I have errors that I cannot remove. Very good tutorial thank you
@zhasan66
@zhasan66 4 года назад
Really awesome and helpful tutorial.
@OverSeasMedia
@OverSeasMedia 4 года назад
Glad you liked it
@freecourse1842
@freecourse1842 4 года назад
Lah Ihfdeek Akhoya
@OverSeasMedia
@OverSeasMedia 4 года назад
L3eez
@louisguillemet8204
@louisguillemet8204 4 года назад
Thank you very much, it's very clear ! How can I select default the first conversation ?
@cesar1097
@cesar1097 3 года назад
Muchas gracias, buen tutorial
@Adbal99
@Adbal99 3 года назад
50:50 not sure if only i have this problem, but conversations do not update after message sent. Anyone could help?
@kirillbaryba746
@kirillbaryba746 4 года назад
Thanks!
@dt7472
@dt7472 4 года назад
the best!
@krzysztofk9563
@krzysztofk9563 4 года назад
awesome!
@thijsdew1988
@thijsdew1988 3 года назад
hi there, I've just finished the course and it's solid! just can't seem to fix the issue with Mercure, keep getting the 401 unauthorized on localhost:3000. and I have installed the right versions of Mercure. hopefully someone con help me out! gr thijs
@jrsc22
@jrsc22 4 года назад
Good Job, thank you for all this work, do u have something with easyadmin+react+materialui to share with us??? Many thanks in advanced.
@OverSeasMedia
@OverSeasMedia 4 года назад
Thank your for your comment Raul, unfortunately I don't do react I just used Vue
@akliatharia
@akliatharia 4 года назад
great stuff thnx
@OverSeasMedia
@OverSeasMedia 4 года назад
My pleasure! Thanks mate
@elghaziazarual4252
@elghaziazarual4252 4 года назад
can you do the same with react please
@Radecks03
@Radecks03 4 года назад
Hello , thanks you for your videos but i've got a problem. When i press enter to send a message it say there is an error "Argument 3 passed to Symfony\Component\Mercure\Update::__construct() must be of the type bool, array given, called in C:\xampp\htdocs\Chat_application\src\Controller\MessageController.php on line 139". I don't understand why. thanks for your future answer :slight_smile:
@Radecks03
@Radecks03 4 года назад
It's me again , like you sayed in the discription of the third video that was a problem with update and i forgot to change the payload in the jwt.io when i encoded the key. Thanks again for your videos.
@valdu8053
@valdu8053 4 года назад
if i want to do front in react i can only watch the front video in react or am i supposed to watch this video too?
@OverSeasMedia
@OverSeasMedia 4 года назад
This video is dedicated for vue only, the react video is a standalone video so you don't need to to watch this one, they're totally separated
@KroMeXN
@KroMeXN 4 года назад
Hello, I have this error and I don't undersatnd why. "Access to resource at 'localhost:3000/.well-known/mercure?topic=%2Fconversations%2FSebastien' from origin '127.0.0.1:8000' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'."
@OverSeasMedia
@OverSeasMedia 4 года назад
Hello mate , When you start your Mercure server using the binary instead of giving it a wild card (*) in the allowed_cors_origins, give it the address of your PHP server , like for example localhost:8000
@nurbekss2729
@nurbekss2729 2 года назад
Hey , dId you resolve your issue? I got the same issue, even though I set Access-Control-Allow-Origin to my localhost:8000. Answer me back pls if you did.
@robertomanchado1509
@robertomanchado1509 4 года назад
i am using a virtual host, like mercure-chat.com and is not working
@hollydengesiz
@hollydengesiz 4 года назад
I tried my app, I got error 401. When I type message, page is refreshing. Then I used your project from github, same thing happening. Can you help?
@OverSeasMedia
@OverSeasMedia 4 года назад
Sorry for the late very reply, you might get a version of the mercure bundle that was released in mai 2020 or something close, both the php bundle and the binary. That was the time when this video was made and was functional. they kind of changed a lot of stuff since then
@МишаХарченко-в4н
@МишаХарченко-в4н 2 года назад
Hello, your project is very good, but I have a trouble with post method in input, whenever I try to send a message, I get an error 401, ( if I understood correctly, it means - access denied), I spent hours, trying to fix it, but still can't get what's the problem and how I can repair it. Can you give me an any advice or help with it by chance? code error : HTTP/1.1 401 Unauthorized returned for "localhost:3000/.well-known/mercure". Logs in Symfony Profiler: Uncaught PHP Exception Symfony\Component\HttpClient\Exception\ClientException: "HTTP/1.1 401 Unauthorized returned for "localhost:3000/.well-known/mercure"." at /Users/mikhail-laptop/Documents/php projects/Symfony projects/mercure-chat-tutorial/vendor/symfony/http-client/Response/ResponseTrait.php line 284
@OverSeasMedia
@OverSeasMedia 2 года назад
Hey man, can you tell me the command that you are using to run the mercure binary and also the code that you are using to publish the message.
@nurbekss2729
@nurbekss2729 2 года назад
You did a great job.Thank you !
Далее
Symfony 5 Real-time Chat App - Back-end [Part 1\4]
36:30
HA-HA-HA 👊  #countryball
00:15
Просмотров 2,5 млн
Running With Bigger And Bigger Lunchlys
00:18
Просмотров 41 млн
Vue Tutorial: Using Vuex with TypeScript
27:53
Просмотров 27 тыс.
Symfony 5 Real-time Chat App - Back-end [Part 2\4]
33:40
Don't Use Websockets (Until You Try This…)
6:46
Просмотров 302 тыс.
DHH discusses SQLite (and Stoicism)
54:00
Просмотров 65 тыс.
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 119 тыс.