pusher

We are a small team starting to plan how to develop a chat service in Django using Pusher to push the messages in real time. So far we understand that we need an asynchronous way of pushing the messages to the Android and web browsers clients and we've chosen a hosted solution (Pusher) instead of implementing our own, probably using sockjs and tornado. We thought we didn't need Tornado for anything now that we have Pusher!. In the Python module documentation ( https://github.com/pusher/pusher_client_python ) there is only small mention to Django, there is however a Tornado section which says:

I'am using Laravel 5.5 with pusher to make a real time notification , the notification made from the Api after i made the configuration in the Api public function store(Request $request) { $advertising = Advertising::create($request->all()); $admins = \App\Admin::all(); \Notification::send( $admins, new \App\Notifications\AdvertisingAdded($advertising) ); return $advertising; } in AdvertisingAdded namespace App\Notifications; use Illuminate\Bus\Queueable; use Illuminate\Notifications\Notification; use Illuminate\Contracts\Queue\ShouldQueue; use Illuminate\Notifications\Messages\MailMessage;

I'm building a chat room web application using Pusher for the first time. I read a lot in the documentation of Pusher to learn how it works. My question is more about mechanism and not about code. So what I want to do is, when a user connects and joins the presence-channel which allows me to display who is online. I want to display a status sign (Green = online, yellow = away) for the user (like Skype) and all the logged users can see the change between status in real time. I have seen this question and if I understand, each user must join a private-channel to manage better its client-event.

I don't know what is wrong with my codes Here's my app.js /** * First we will load all of this project's JavaScript dependencies which * include Vue and Vue Resource. This gives a great starting point for * building robust, powerful web applications using Vue and Laravel. */ require('./bootstrap'); /** * Next, we will create a fresh Vue application instance and attach it to * the page. Then, you may begin adding components to this application * or customize the JavaScript scaffolding to fit your unique needs. */ Vue.component('chat-message', require('./components/ChatMessage.vue')); Vue