Questions tagged [pusher]

Pusher offers a reliable API that allows users to effortlessly enhance web and mobile applications with scalable real-time features in a safe and efficient manner.

Having difficulty accessing a private channel with Laravel and Vue.js due to pusher integration

I've successfully set up a notification system and everything is working fine when I send notifications to Pusher. However, I encounter an error when trying to listen on a private channel. Below is the code from my bootstrap.js file in Laravel-Echo: i ...

get an array of JSON data from a VueJS fetch or axios.get request

I can't seem to figure out this issue. The code I have below is giving me some trouble. When I try to run it, I keep getting the following error message: Access to XMLHttpRequest at 'URL' from origin 'http://localhost:8000' has been blocked by CORS polic ...

Revamping Vue file with real-time updates using Laravel Echo Pusher Notifs

Over the last few days, I've been attempting to create a template that auto-reloads whenever there are new updates in the "Notifications" section. This could be due to a new entry being added or a notification being marked as read. Currently, I' ...

Encountering an Error when Integrating Pusher (real-time data library) with Next.js: PusherRequestError - Unexpected status code 400

I encountered an issue while trying to integrate Pusher into my Next.js application due to Vercel's restriction on websockets in their serverless functions. The error message I keep receiving after running the program with Pusher is: error - unhandled ...

The error message "TypeError: Unable to access property of undefined when using web sockets"

Exploring Isomorphic framework for React and integrating Pusher for websockets communication. I'm encountering difficulty accessing the state within the componentDidMount() function. class TopbarNotification extends Component { state = { visible: ...

What is the process to subscribe and obtain data from a server-to-user channel using pusher-js?

I am currently hosting my application using next.js on Vercel. I want to integrate Pusher to provide real-time messages to users in a private and secure manner. Despite successful log entries, I am facing challenges in subscribing to the channel and retrie ...

The signature provided by the pusher is invalid: The expected HMAC SHA256 in hexadecimal digest is

The HTML file contains JavaScript code that calls the server for authentication. The code snippet from the HTML file is as follows: <html> <script> <head> var options = { authEndpoint: "api/pusher.json?socket_id=9900&channel_name ...

Exceeding the maximum number of concurrent connections with Pusher caused issues

As I work on developing a real-time chat application using the Pusher library in Next.js, I encounter an issue with multiple concurrent connections being created while exploring the website. Upon reading an article by Pusher titled Why Am I Seeing More Ch ...

The issue with combining Laravel 5.4 event broadcasting and Vue.js has been a challenging obstacle to

Looking to set up a chat system using Laravel 5.4, Vue.js, and Pusher API with Echo. I have tried twice to establish communication with Pusher, but I haven't received any callbacks in my Vue component. I am working locally with MAPM. I have installed the ...

The Laravel broadcast()->toOthers() function seems to be malfunctioning as I am experiencing issues with duplicate messages despite using Laravel 8, Pusher, Laravel Echo, and VueJs 3

Currently, I am monitoring for the MessageSentEvent window.Echo.private("chat" + this.chat.id).listen( "MessageSentEvent", e => { var date = new Date().getTime(); this.lastMessageDate = moment() ...