Skip to content

Commit 958f15a

Browse files
authored
Merge pull request #216299 from spelluru/egridblobqs1027
freshness review, update
2 parents 4b637b2 + 93b935c commit 958f15a

18 files changed

+28
-23
lines changed

articles/event-grid/blob-event-quickstart-portal.md

Lines changed: 28 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: 'Use Azure Event Grid to send Blob storage events to web endpoint - portal'
33
description: 'Quickstart: Use Azure Event Grid and Azure portal to create Blob storage account, and subscribe its events. Send the events to a Webhook.'
4-
ms.date: 07/01/2021
4+
ms.date: 10/27/2022
55
ms.topic: quickstart
66
ms.custom: mode-ui
77
---
@@ -36,13 +36,20 @@ When you're finished, you see that the event data has been sent to the web app.
3636
3. Enter the name for your storage account.
3737
1. Select the **Region** in which you want the storage account to be created.
3838
1. For **Redundancy**, select **Locally-redundant storage (LRS)** from the drop-down list.
39-
1. Select **Review + create**.
39+
1. Select **Review** at the bottom of the page.
4040

4141
:::image type="content" source="./media/blob-event-quickstart-portal/create-storage-account-page.png" alt-text="Screenshot showing the Create a storage account page.":::
42-
5. On the **Review + create** page, review the settings, and select **Create**.
42+
5. On the **Review** page, review the settings, and select **Create**.
4343

4444
>[!NOTE]
4545
> Only storage accounts of kind **StorageV2 (general purpose v2)** and **BlobStorage** support event integration. **Storage (general purpose v1)** does *not* support integration with Event Grid.
46+
1. The deployment may take a few minutes to complete. On the **Deployment** page, select **Go to resource**.
47+
48+
:::image type="content" source="./media/blob-event-quickstart-portal/go-to-resource-link.png" alt-text="Screenshot showing the deployment succeeded page with a link to go to the resource.":::
49+
1. On the **Storage account** page, select **Events** on the left menu.
50+
51+
:::image type="content" source="./media/blob-event-quickstart-portal/events-page.png" alt-text="Screenshot showing the Events page for an Azure storage account.":::
52+
1. Keep this page in the web browser open.
4653

4754
## Create a message endpoint
4855
Before subscribing to the events for the Blob storage, let's create the endpoint for the event message. Typically, the endpoint takes actions based on the event data. To simplify this quickstart, you deploy a [pre-built web app](https://github.com/Azure-Samples/azure-event-grid-viewer) that displays the event messages. The deployed solution includes an App Service plan, an App Service web app, and source code from GitHub.
@@ -51,23 +58,22 @@ Before subscribing to the events for the Blob storage, let's create the endpoint
5158

5259
<a href="https://portal.azure.com/#create/Microsoft.Template/uri/https%3A%2F%2Fraw.githubusercontent.com%2FAzure-Samples%2Fazure-event-grid-viewer%2Fmaster%2Fazuredeploy.json" target="_blank"><img src="../media/template-deployments/deploy-to-azure.svg" alt="Button to deploy to Azure."></a>
5360
2. On the **Custom deployment** page, do the following steps:
54-
1. For **Resource group**, select the resource group that you created when creating the storage account. It will be easier for you to clean up after you are done with the tutorial by deleting the resource group.
61+
1. For **Resource group**, select the resource group that you created when creating the storage account. It will be easier for you to clean up after you're done with the tutorial by deleting the resource group.
5562
2. For **Site Name**, enter a name for the web app.
5663
3. For **Hosting plan name**, enter a name for the App Service plan to use for hosting the web app.
5764
5. Select **Review + create**.
5865

5966
:::image type="content" source="./media/blob-event-quickstart-portal/template-deploy-parameters.png" alt-text="Screenshot showing the Custom deployment page.":::
6067
1. On the **Review + create** page, select **Create**.
61-
1. The deployment may take a few minutes to complete. Select Alerts (bell icon) in the portal, and then select **Go to resource group**.
68+
1. The deployment may take a few minutes to complete. On the **Deployment** page, select **Go to resource group**.
6269

63-
![Alert - navigate to resource group.](./media/blob-event-quickstart-portal/navigate-resource-group.png)
70+
:::image type="content" source="./media/blob-event-quickstart-portal/navigate-resource-group.png" alt-text="Screenshot showing the deployment succeeded page with a link to go to the resource group.":::
6471
4. On the **Resource group** page, in the list of resources, select the web app that you created. You also see the App Service plan and the storage account in this list.
6572

66-
![Select web site.](./media/blob-event-quickstart-portal/resource-group-resources.png)
73+
:::image type="content" source="./media/blob-event-quickstart-portal/resource-group-resources.png" alt-text="Screenshot that shows the selection of web app in the resource group.":::
6774
5. On the **App Service** page for your web app, select the URL to navigate to the web site. The URL should be in this format: `https://<your-site-name>.azurewebsites.net`.
68-
69-
![Navigate to web site.](./media/blob-event-quickstart-portal/web-site.png)
7075

76+
:::image type="content" source="./media/blob-event-quickstart-portal/web-site.png" alt-text="Screenshot that shows the selection of link to navigate to web app.":::
7177
6. Confirm that you see the site but no events have been posted to it yet.
7278

7379
![View new site.](./media/blob-event-quickstart-portal/view-site.png)
@@ -81,29 +87,28 @@ Before subscribing to the events for the Blob storage, let's create the endpoint
8187

8288
You subscribe to a topic to tell Event Grid which events you want to track, and where to send the events.
8389

84-
1. In the portal, navigate to your Azure Storage account that you created earlier. On the left menu, select **All resources** and select your storage account.
85-
2. On the **Storage account** page, select **Events** on the left menu.
86-
1. Select **More Options**, and **Web Hook**. You are sending events to your viewer app using a web hook for the endpoint.
90+
1. If you closed the **Storage account** page, navigate to your Azure Storage account that you created earlier. On the left menu, select **All resources** and select your storage account.
91+
1. On the **Storage account** page, select **Events** on the left menu.
92+
1. Select **More Options**, and **Web Hook**. You're sending events to your viewer app using a web hook for the endpoint.
8793

88-
![Select web hook.](./media/blob-event-quickstart-portal/select-web-hook.png)
94+
:::image type="content" source="./media/blob-event-quickstart-portal/select-web-hook.png" alt-text="Screenshot showing the selection of Web Hook on the Events page.":::
8995
3. On the **Create Event Subscription** page, do the following steps:
9096
1. Enter a **name** for the event subscription.
9197
2. Enter a **name** for the **system topic**. To learn about system topics, see [Overview of system topics](system-topics.md).
9298

93-
![Enter names for event subscription and system topic.](./media/blob-event-quickstart-portal/event-subscription-name-system-topic.png)
99+
:::image type="content" source="./media/blob-event-quickstart-portal/event-subscription-name-system-topic.png" alt-text="Screenshot showing the Create Event Subscription page with a name for the system topic.":::
94100
2. Select **Web Hook** for **Endpoint type**.
95101

96-
![Select web hook endpoint type.](./media/blob-event-quickstart-portal/select-web-hook-end-point-type.png)
102+
:::image type="content" source="./media/blob-event-quickstart-portal/select-web-hook-end-point-type.png" alt-text="Screenshot showing the Create Event Subscription page with Web Hook selected as an endpoint.":::
97103
4. For **Endpoint**, click **Select an endpoint**, and enter the URL of your web app and add `api/updates` to the home page URL (for example: `https://spegridsite.azurewebsites.net/api/updates`), and then select **Confirm Selection**.
98104

99-
![Confirm endpoint selection.](./media/blob-event-quickstart-portal/confirm-endpoint-selection.png)
105+
:::image type="content" source="./media/blob-event-quickstart-portal/confirm-endpoint-selection.png" lightbox="./media/blob-event-quickstart-portal/confirm-endpoint-selection.png" alt-text="Screenshot showing the Select Web Hook page.":::
100106
5. Now, on the **Create Event Subscription** page, select **Create** to create the event subscription.
101107

102-
![Select logs.](./media/blob-event-quickstart-portal/create-subscription.png)
103-
108+
:::image type="content" source="./media/blob-event-quickstart-portal/create-subscription.png" alt-text="Screenshot showing the Create Event Subscription page with all fields selected.":::
104109
1. View your web app again, and notice that a subscription validation event has been sent to it. Select the eye icon to expand the event data. Event Grid sends the validation event so the endpoint can verify that it wants to receive event data. The web app includes code to validate the subscription.
105110

106-
![View subscription event.](./media/blob-event-quickstart-portal/view-subscription-event.png)
111+
:::image type="content" source="./media/blob-event-quickstart-portal/view-subscription-event.png" alt-text="Screenshot showing the Event Grid Viewer with the subscription validation event.":::
107112

108113
Now, let's trigger an event to see how Event Grid distributes the message to your endpoint.
109114

@@ -114,17 +119,17 @@ You trigger an event for the Blob storage by uploading a file. The file doesn't
114119
1. In the Azure portal, navigate to your Blob storage account, and select **Containers** on the let menu.
115120
1. Select **+ Container**. Give your container a name, and use any access level, and select **Create**.
116121

117-
![Add container.](./media/blob-event-quickstart-portal/add-container.png)
122+
:::image type="content" source="./media/blob-event-quickstart-portal/add-container.png" alt-text="Screenshot showing the New container page.":::
118123
1. Select your new container.
119124

120-
![Select container.](./media/blob-event-quickstart-portal/select-container.png)
125+
:::image type="content" source="./media/blob-event-quickstart-portal/select-container.png" alt-text="Screenshot showing the selection of the container.":::
121126
1. To upload a file, select **Upload**. On the **Upload blob** page, browse and select a file that you want to upload for testing, and then select **Upload** on that page.
122127

123-
![Select upload.](./media/blob-event-quickstart-portal/upload-file.png)
128+
:::image type="content" source="./media/blob-event-quickstart-portal/upload-file.png" alt-text="Screenshot showing Upload blob page.":::
124129
1. Browse to your test file and upload it.
125130
1. You've triggered the event, and Event Grid sent the message to the endpoint you configured when subscribing. The message is in the JSON format and it contains an array with one or more events. In the following example, the JSON message contains an array with one event. View your web app and notice that a **blob created** event was received.
126131

127-
![Blob created event.](./media/blob-event-quickstart-portal/blob-created-event.png)
132+
:::image type="content" source="./media/blob-event-quickstart-portal/blob-created-event.png" alt-text="Screenshot showing the Event Grid Viewer page with the Blob Created event.":::
128133

129134
## Clean up resources
130135

-1.66 KB
Loading
-15.1 KB
Loading
2.24 KB
Loading
-9.16 KB
Loading
2.14 KB
Loading
1.19 KB
Loading
83.2 KB
Loading
45.2 KB
Loading
-3.58 KB
Loading

0 commit comments

Comments
 (0)