You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/azure-signalr/signalr-tutorial-authenticate-azure-functions.md
+20-2Lines changed: 20 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -32,10 +32,14 @@ The following software is required to build this tutorial.
32
32
*[Azure Functions](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions) - work with Azure Functions in VS Code
33
33
*[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) - serve web pages locally for testing
34
34
35
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
36
+
35
37
## Sign into the Azure portal
36
38
37
39
Go to the [Azure portal](https://portal.azure.com/) and sign in with your credentials.
38
40
41
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
42
+
39
43
## Create an Azure SignalR Service instance
40
44
41
45
You will build and test the Azure Functions app locally. The app will access a SignalR Service instance in Azure that needs to be created ahead of time.
@@ -60,7 +64,8 @@ You will build and test the Azure Functions app locally. The app will access a S
60
64
1. After the instance is deployed, open it in the portal and locate its Settings page. Change the Service Mode setting to *Serverless*.
61
65
62
66

63
-
67
+
68
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
64
69
65
70
## Initialize the function app
66
71
@@ -125,7 +130,7 @@ When running and debugging the Azure Functions runtime locally, application sett
125
130
126
131
1. Save the file.
127
132
128
-
133
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
129
134
130
135
## Create a function to authenticate users to SignalR Service
131
136
@@ -189,6 +194,8 @@ When the chat app first opens in the browser, it requires valid connection crede
189
194
190
195
This functiontakes the SignalR connection information from the input binding and returns it to the client in the HTTP response body. The SignalR client will use this information to connect to the SignalR Service instance.
191
196
197
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
198
+
192
199
## Create a function to send chat messages
193
200
194
201
The web app also requires an HTTP API to send chat messages. You will create an HTTP triggered functionnamed*SendMessage* that sends messages to all connected clients using SignalR Service.
@@ -270,6 +277,8 @@ The web app also requires an HTTP API to send chat messages. You will create an
270
277
271
278
1. Save the file.
272
279
280
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
281
+
273
282
## Create and run the chat client web user interface
274
283
275
284
The chat application's UI is a simple single page application (SPA) created with the Vue JavaScript framework. It will be hosted separately from the functionapp. Locally, you will run the web interface using the Live Server VS Code extension.
@@ -288,6 +297,8 @@ The chat application's UI is a simple single page application (SPA) created with
288
297
289
298
1. The application opens. Enter a message in the chat box and press enter. Refresh the application to see new messages. Because no authentication was configured, all messages will be sent as "anonymous".
290
299
300
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
301
+
291
302
## Deploy to Azure and enable authentication
292
303
293
304
You have been running the functionapp and chat application locally. You will now deploy them to Azure and enable authentication and private messaging in the application.
@@ -484,13 +495,20 @@ Congratulations! You have deployed a real-time, serverless chat app!
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
499
+
487
500
## Clean up resources
488
501
489
502
To clean up the resources created in this tutorial, delete the resource group using the Azure portal.
490
503
504
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
505
+
491
506
## Next steps
492
507
493
508
In this tutorial, you learned how to use Azure Functions with Azure SignalR Service. Read more about building real-time serverless applications with SignalR Service bindings for Azure Functions.
494
509
495
510
> [!div class="nextstepaction"]
496
511
> [Build Real-time Apps with Azure Functions](signalr-concept-azure-functions.md)
512
+
513
+
[Having issues? Let us know.](https://aka.ms/asrs/qsauth)
0 commit comments