In-app notification issues
Hello, currently, I'm implementing Novu In-App notifications in my core PHP project. I've integrated React components and used cURL for triggers, as shown in the snippet in dashboard workflow and i have also self-hosting it by dockerzing
Below i am mentioning the issue i am facing for so long . So please guide me to resolve these issues
1. Without reloading the page, I'm unable to detect if any notifications have arrived.
Note: The health check is working fine, and the socket URL mentioned in the React code returns "hello world" when running. However, the WSS link is causing issues, displaying an "invalid namespace" error.
AppVersion is 0.23.0
2.I'm encountering avatar issues. When sending notifications to other users, the sender's avatar is rendering on the receiver's notifications, changing all notification avatars.
Note: I'm including the avatar link in the actor parameter when triggering notifications.
Thank you !!
5 Replies
Hi @Baljeet kaur, I'm an AI assistant for Novu. While a team member reviews this question, I'll look through relevant sources and see if I can provide suggestions. Please tag @Ask Inkeep with any follow-up questions.
-----------------------------
While I generate an answer, here are some sources that might be helpful:
* Deploy with Docker
* Start Point
* API Reference
* Commercial Self Host
-----------------------------
Answer
For the issue of not detecting notifications without page reload and the "invalid namespace" error with the WebSocket (WSS) link, ensure that your
socketUrl and backendUrl are correctly configured in the React component setup for your self-hosted Novu instance. This setup is crucial for the in-app notification system to function properly, especially when communicating with your backend and the WebSocket server for real-time updates. The correct configuration allows the frontend to communicate with your self-hosted Novu backend and receive real-time notifications through WebSockets (1) .
Regarding the avatar issues in notifications, Novu's documentation or provided information sources do not explicitly cover handling or troubleshooting avatar rendering issues in notifications, including when incorporating avatars through the actor parameter. This suggests that the issue may not be directly related to Novu's core functionality or known issues and might require a review of how avatars are handled within your application's implementation of Novu notifications.
For detailed customization or further assistance, reviewing Novu's official documentation, exploring community forums, or consulting with the Novu community on GitHub might provide additional insights or similar use cases.Got it. Tagging @Support for additional help.
Did you complete all steps mentioned in the video on this doc:
https://docs.novu.co/self-hosting-novu/deploy-with-docker
1. Without reloading the page, I'm unable to detect if any notifications have arrived.
Answer:- Check ws service logs to see if client is making any connection or not?
2. I'm encountering avatar issues. When sending notifications to other users, the sender's avatar is rendering on the receiver's notifications, changing all notification avatars.
Answer:- could you share the exact steps to reproduce the issue?
Actually currently i am not having access to the server for that i need to ask to the client to check logs
For logs do we need to add additional code and where to put ?
Please let me know what necessary question i need to ask to the client So that i get back to you with proper information
Till now what i checked and what sources i followed
Earlier this link was showing with error while running novu on my local and live
wss://notifications.example.com/socket.io/?EIO=4&transport=websocket' failed:
So i followed these steps
https://www.answeroverflow.com/m/1186264710253912125
After that i saw
Ws link show 101 response
And some entries error shows invalid name space
Novu Websocket fails (Websocket error) - Novu
I have novu setup (self hosted) with a nginx reverse proxy. While the Web Dashboard, the api, etc.. seem to work as they should, somehow the React Notifications center does not work because of this websocket error, which i cannot resolve:
WebSocket connection to 'wss://notifications.example.com/socket.io/?EIO=4&transport=websocket' failed:
(d...