Skip to content

Commit 1ecc7b1

Browse files
authored
Apply suggestions from code review
Added period at the end of the alt text
1 parent a2477fa commit 1ecc7b1

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

articles/azure-web-pubsub/howto-integrate-app-service.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
157157
The client, built with [Vue](https://vuejs.org/), makes an HTTP request for a Client Access Token to an endpoint `/negotiate`. The backend application is an [Express app](https://expressjs.com/) and hosted as a Web App using Azure App Service.
158158
:::column-end:::
159159
:::column:::
160-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-1.jpg" alt-text="Screenshot of step one of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-1.jpg":::
160+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-1.jpg" alt-text="Screenshot of step one of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-1.jpg":::
161161
:::column-end:::
162162
:::row-end:::
163163
@@ -166,7 +166,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
166166
When the backend application successfully [returns the Client Access Token](https://github.com/Azure/awps-webapp-sample/blob/main/whiteboard/server.js#L62) to the connecting client, the client uses it to establish a WebSocket connection with Azure Web PubSub.
167167
:::column-end:::
168168
:::column:::
169-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-2.jpg" alt-text="Screenshot of step two of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-2.jpg":::
169+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-2.jpg" alt-text="Screenshot of step two of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-2.jpg":::
170170
:::column-end:::
171171
:::row-end:::
172172
@@ -175,7 +175,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
175175
If the handshake with Azure Web PubSub is successful, the client is added to a group named `draw`, effectively subscribing to messages published to this group. Also, the client is given the permission to send messages to the [`draw` group](https://github.com/Azure/awps-webapp-sample/blob/main/whiteboard/server.js#L64).
176176
:::column-end:::
177177
:::column:::
178-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-3.jpg" alt-text="Screenshot of step three of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-3.jpg":::
178+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-3.jpg" alt-text="Screenshot of step three of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-3.jpg":::
179179
:::column-end:::
180180
:::row-end:::
181181
> [!NOTE]
@@ -186,7 +186,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
186186
Azure Web PubSub notifies the backend application that a client has connected. The backend application handles the `onConnected` event by calling the `sendToAll()`, with a payload of the latest number of connected clients.
187187
:::column-end:::
188188
:::column:::
189-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-4.jpg" alt-text="Screenshot of step four of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-4.jpg":::
189+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-4.jpg" alt-text="Screenshot of step four of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-4.jpg":::
190190
:::column-end:::
191191
:::row-end:::
192192
> [!NOTE]
@@ -197,7 +197,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
197197
As soon as a client establishes a persistent connection with Web PubSub, it makes an HTTP request to the backend application to fetch the latest shape and background data at [`/diagram`](https://github.com/Azure/awps-webapp-sample/blob/main/whiteboard/server.js#L70). An HTTP service hosted on App Service can be combined with Web PubSub. App Service takes care serving HTTP endpoints, while Web PubSub takes care of managing WebSocket connections.
198198
:::column-end:::
199199
:::column:::
200-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-5.jpg" alt-text="Screenshot of step five of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-5.jpg":::
200+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-5.jpg" alt-text="Screenshot of step five of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-5.jpg":::
201201
:::column-end:::
202202
:::row-end:::
203203
@@ -206,7 +206,7 @@ At any point in time, there maybe more than one client drawing. If the Web App w
206206
Now that the clients and backend application have two ways to exchange data. One is the conventional HTTP request-response cycle and the other is the persistent, bi-directional channel through Web PubSub. The drawing actions, which originate from one user and need to be broadcasted to all users as soon as it takes place, are delivered through Web PubSub. It doesn't require involvement of the backend application.
207207
:::column-end:::
208208
:::column:::
209-
:::image type="content" source="./media/howto-integrate-app-service/dataflow-6.jpg" alt-text="Screenshot of step six of app data flow" lightbox="./media/howto-integrate-app-service/dataflow-6.jpg":::
209+
:::image type="content" source="./media/howto-integrate-app-service/dataflow-6.jpg" alt-text="Screenshot of step six of app data flow." lightbox="./media/howto-integrate-app-service/dataflow-6.jpg":::
210210
:::column-end:::
211211
:::row-end:::
212212

0 commit comments

Comments
 (0)