Summary
In this chapter, we looked at how to build a chat app with Laravel and Vue. We built our backend with Laravel and we added controllers to receive requests. And we used the queue system built into Laravel to send data to the frontend. We also added JSON web token authentication into our Laravel app.
On the frontend, we used the Socket.IO client to listen to events sent from the Laravel Echo Server, which gets its data from Laravel via Redis.
Now that we have gone through Vue 3 projects with various levels of difficulty, we can adapt what we learned here to real-life situations. Real-life Vue apps will almost always make HTTP requests to a server. The Axios library makes this easy. Some apps also communicate in real time with the server like the chat app in this chapter.
The only difference is that in real-life apps, there would be checks to see whether the user is authenticated and authorized to send the data to the server.