- ABP Framework version: v3.0.4
- UI type: Angular
- Tiered (MVC) or Identity Server Seperated (Angular): no / yes
- Exception message and stack trace: N.A
- Steps to reproduce the issue: N.A
Hi,
I want to implement Push notification in my application
for example myCart , If my user add anything in cart the count or badge number increases on the bell icon and customer receives a notification where there is a small message xyz product is added into your cart.
Document below just give only the idea how to integrate SignalR and that too on the API side not on Angular side. https://docs.abp.io/en/abp/3.1/SignalR-Integration
Please provide if any example is available.
Thanks
1 Answer(s)
-
0
hi,
you can see Event Bus system. By Event Bus, you can register to your card insert event and the subscriber class can send the data to the client via SignalR.
and I can share a sample code to init SignalR connection in the Angular side
import * as signalR from '@microsoft/signalr';
private initSignalR(currentUser: ApplicationConfiguration.CurrentUser) { if (this.conectedUserId === currentUser.id) return; if (this.connection) this.connection.stop(); this.connection = new signalR.HubConnectionBuilder() .withUrl(`${this.signalRUrl}/signalr-hubs/chat`, { accessTokenFactory: () => this.oAuthService.getAccessToken(), }) .build(); this.connection.on('ReceiveMessage', this.handleMessage); this.connection .start() .then(() => { this.conectedUserId = currentUser.id; }) .catch((err) => { return console.error(err.toString()); }); }
Also see the usage from https://www.npmjs.com/package/@microsoft/signalr