How to send notification between api and angular 6
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I’m currently working on a project that contains a api that always returns status 200. So I want to keep the user updated with notification. The user is authenticated with azure active directory. The api is a .Net core 2.0 and the front end is a angular 6 project.
angular api .net-core signalr 
azure-active-directory asked Jan 4 at 0:08
SamSam
1
add a comment |
I’m currently working on a project that contains a api that always returns status 200. So I want to keep the user updated with notification. The user is authenticated with azure active directory. The api is a .Net core 2.0 and the front end is a angular 6 project.
angular api .net-core signalr azure-active-directory asked Jan 4 at 0:08
SamSam
1
add a comment |
I’m currently working on a project that contains a api that always returns status 200. So I want to keep the user updated with notification. The user is authenticated with azure active directory. The api is a .Net core 2.0 and the front end is a angular 6 project.
angular api .net-core signalr azure-active-directory asked Jan 4 at 0:08
SamSam
1
I’m currently working on a project that contains a api that always returns status 200. So I want to keep the user updated with notification. The user is authenticated with azure active directory. The api is a .Net core 2.0 and the front end is a angular 6 project.
angular api .net-core signalr azure-active-directory angular api .net-core signalr azure-active-directory asked Jan 4 at 0:08
SamSam
1
asked Jan 4 at 0:08
SamSam
1
asked Jan 4 at 0:08
SamSam
1
asked Jan 4 at 0:08
SamSam
1
asked Jan 4 at 0:08
SamSam
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
It sounds like you want to catch the api called events to send user with notification. You can realize it via two steps below.
Step 1. Create a middleware to catch the api called events. You can follow the offical tutorial ASP.NET Core Middleware to write a middleware to filter these request url via context.Request and add your own logic to send the event messages.
Step 2. Using SignalR to send messages as notification between ASP.NET core backend and Angular frontend via WebSocket. There are many resources introduced how to get started for integrating SignalR with Angular which you can refer to.
- GETTING STARTED WITH SIGNALR USING ASP.NET CORE AND ANGULAR
- Real-time applications using ASP.NET Core, SignalR & Angular
- A code sample from MSDN: The ASP.NET Core 2.0 and SignalR application sample, Real-Time Data Editing
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54031522%2fhow-to-send-notification-between-api-and-angular-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
It sounds like you want to catch the api called events to send user with notification. You can realize it via two steps below.
Step 1. Create a middleware to catch the api called events. You can follow the offical tutorial ASP.NET Core Middleware to write a middleware to filter these request url via context.Request and add your own logic to send the event messages.
Step 2. Using SignalR to send messages as notification between ASP.NET core backend and Angular frontend via WebSocket. There are many resources introduced how to get started for integrating SignalR with Angular which you can refer to.
- GETTING STARTED WITH SIGNALR USING ASP.NET CORE AND ANGULAR
- Real-time applications using ASP.NET Core, SignalR & Angular
- A code sample from MSDN: The ASP.NET Core 2.0 and SignalR application sample, Real-Time Data Editing
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
add a comment |
It sounds like you want to catch the api called events to send user with notification. You can realize it via two steps below.
Step 1. Create a middleware to catch the api called events. You can follow the offical tutorial ASP.NET Core Middleware to write a middleware to filter these request url via context.Request and add your own logic to send the event messages.
Step 2. Using SignalR to send messages as notification between ASP.NET core backend and Angular frontend via WebSocket. There are many resources introduced how to get started for integrating SignalR with Angular which you can refer to.
- GETTING STARTED WITH SIGNALR USING ASP.NET CORE AND ANGULAR
- Real-time applications using ASP.NET Core, SignalR & Angular
- A code sample from MSDN: The ASP.NET Core 2.0 and SignalR application sample, Real-Time Data Editing
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
add a comment |
It sounds like you want to catch the api called events to send user with notification. You can realize it via two steps below.
Step 1. Create a middleware to catch the api called events. You can follow the offical tutorial ASP.NET Core Middleware to write a middleware to filter these request url via context.Request and add your own logic to send the event messages.
Step 2. Using SignalR to send messages as notification between ASP.NET core backend and Angular frontend via WebSocket. There are many resources introduced how to get started for integrating SignalR with Angular which you can refer to.
- GETTING STARTED WITH SIGNALR USING ASP.NET CORE AND ANGULAR
- Real-time applications using ASP.NET Core, SignalR & Angular
- A code sample from MSDN: The ASP.NET Core 2.0 and SignalR application sample, Real-Time Data Editing
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
It sounds like you want to catch the api called events to send user with notification. You can realize it via two steps below.
Step 1. Create a middleware to catch the api called events. You can follow the offical tutorial ASP.NET Core Middleware to write a middleware to filter these request url via context.Request and add your own logic to send the event messages.
Step 2. Using SignalR to send messages as notification between ASP.NET core backend and Angular frontend via WebSocket. There are many resources introduced how to get started for integrating SignalR with Angular which you can refer to.
- GETTING STARTED WITH SIGNALR USING ASP.NET CORE AND ANGULAR
- Real-time applications using ASP.NET Core, SignalR & Angular
- A code sample from MSDN: The ASP.NET Core 2.0 and SignalR application sample, Real-Time Data Editing
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
answered Jan 4 at 7:14
Peter PanPeter Pan
12.4k3824
12.4k3824
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
add a comment |
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
But how can I specify the user with signalR? Because you need a clientId and shouldn’t that be some what has to work with azure ad
– Sam
Jan 4 at 10:23
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54031522%2fhow-to-send-notification-between-api-and-angular-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
