Merge pull request #225794 from ggailey777/fixup

[Functions] Refactor Storage Explorer content

Author: v-dirichards

articles/azure-functions/functions-add-output-binding-storage-queue-vs-code.md

@@ -1,7 +1,7 @@
 ---
 title: Connect Azure Functions to Azure Storage using Visual Studio Code
 description: Learn how to connect Azure Functions to an Azure Queue Storage by adding an output binding to your Visual Studio Code project.
-ms.date: 06/15/2022
+ms.date: 01/31/2023
 ms.topic: quickstart
 ms.devlang: csharp, java, javascript, powershell, python, typescript
 ms.custom: devx-track-python, devx-track-js, mode-ui, devdivchpfy22
@@ -174,17 +174,7 @@ Because you're using the storage connection string, your function connects to th
 
 ### Connect Storage Explorer to your account
 
-Skip this section if you have already installed Azure Storage Explorer and connected it to your Azure account.
-
-1. Run the [Azure Storage Explorer](https://storageexplorer.com/) tool, select the connect icon on the left, and select **Add an account**.
-
-    :::image type="content" source="./media/functions-add-output-binding-storage-queue-vs-code/storage-explorer-add-account.png" alt-text="Screenshot of how to add an Azure account to Microsoft Azure Storage Explorer.":::
-
-1. In the **Connect** dialog, choose **Add an Azure account**, choose your **Azure environment**, and then select **Sign in...**.
-
-    :::image type="content" source="./media/functions-add-output-binding-storage-queue-vs-code/storage-explorer-connect-azure-account.png" alt-text="Screenshot of the sign-in to your Azure account window.":::
-
-After you successfully sign in to your account, you see all of the Azure subscriptions associated with your account.
+[!INCLUDE [functions-storage-explorer-connect.md](../../includes/functions-storage-explorer-connect.md)]
 
 ### Examine the output queue
 

articles/azure-functions/functions-add-output-binding-storage-queue-vs.md

@@ -1,7 +1,7 @@
 ---
 title: Connect functions to Azure Storage using Visual Studio
 description: "Learn how to add an output binding to connect your C# class library functions to an Azure Storage queue using Visual Studio."
-ms.date: 05/30/2021
+ms.date: 01/31/2023
 ms.topic: quickstart
 ms.devlang: csharp
 ms.custom: mvc, mode-ui
@@ -20,8 +20,8 @@ Most bindings require a stored connection string that Functions uses to access t
 
 Before you start this article, you must: 
 
- - Complete [part 1 of the Visual Studio quickstart](./functions-create-your-first-function-visual-studio.md). 
-
+- Complete [part 1 of the Visual Studio quickstart](./functions-create-your-first-function-visual-studio.md). 
+- Install [Azure Storage Explorer](https://storageexplorer.com/). Storage Explorer is a tool that you'll use to examine queue messages generated by your output binding. Storage Explorer is supported on macOS, Windows, and Linux-based operating systems. 
 - Sign in to your Azure subscription from Visual Studio.
 
 ## Download the function app settings
@@ -72,21 +72,21 @@ After the binding is defined, you can use the `name` of the binding to access it
 
 [!INCLUDE [functions-run-function-test-local-vs](../../includes/functions-run-function-test-local-vs.md)]
 
-A new queue named `outqueue` is created in your storage account by the Functions runtime when the output binding is first used. You'll use Cloud Explorer to verify that the queue was created along with the new message.
+A new queue named `outqueue` is created in your storage account by the Functions runtime when the output binding is first used. You'll use Storage Explorer to verify that the queue was created along with the new message.
 
-## Examine the output queue
+### Connect Storage Explorer to your account
 
-1. In Visual Studio from the **View** menu, select **Cloud Explorer**.
+[!INCLUDE [functions-storage-explorer-connect.md](../../includes/functions-storage-explorer-connect.md)]
 
-1. In **Cloud Explorer**, expand your Azure subscription and **Storage Accounts**, then expand the storage account used by your function. If you can't remember the storage account name, check the `AzureWebJobsStorage` connection string setting in the *local.settings.json* file.  
+### Examine the output queue
 
-1. Expand the **Queues** node, and then double-click the queue named **outqueue** to view the contents of the queue in Visual Studio. 
+1. In Storage Explorer, expand the **Queues** node, and then select the queue named **outqueue**.
 
    The queue contains the message that the queue output binding created when you ran the HTTP-triggered function. If you invoked the function with the default `name` value of *Azure*, the queue message is *Name passed to the function: Azure*.
 
-    ![Queue message shown in Azure Storage Explorer](./media/functions-add-output-binding-storage-queue-vs-code/function-queue-storage-output-view-queue.png)
+    :::image type="content" source="./media/functions-add-output-binding-storage-queue-vs-code/function-queue-storage-output-view-queue.png" alt-text="Screenshot of the queue message shown in Azure Storage Explorer.":::
 
-1. Run the function again, send another request, and you'll see a new message appear in the queue.  
+1. Run the function again, send another request, and you see a new message in the queue.  
 
 Now, it's time to republish the updated function app to Azure.
 

articles/azure-functions/media/functions-add-output-binding-storage-queue-vs-code/storage-explorer-add-account.png

@@ -11,6 +11,6 @@ Add code that uses the `msg` output binding object on `context.bindings` to crea
 
 :::code language="javascript" range="5-7" source="~/functions-docs-javascript/functions-add-output-binding-storage-queue-cli/HttpExample/index.js":::
 
-At this point, your function must look as follows:
+At this point, your function could look as follows:
 
 :::code language="javascript" source="~/functions-docs-javascript/functions-add-output-binding-storage-queue-cli/HttpExample/index.js":::

includes/functions-add-output-binding-js.md

@@ -0,0 +1,19 @@
+---
+author: ggailey777
+ms.service: azure-functions
+ms.topic: include
+ms.date: 01/31/2023
+ms.author: glenga
+---
+
+Skip this section if you've already installed Azure Storage Explorer and connected it to your Azure account.
+
+1. Run the [Azure Storage Explorer](https://storageexplorer.com/) tool, select the connect icon on the left, and select **Add an account**.
+
+    :::image type="content" source="./media/functions-storage-explorer-connect/storage-explorer-add-account.png" alt-text="Screenshot of how to add an Azure account to Microsoft Azure Storage Explorer.":::
+
+1. In the **Connect** dialog, choose **Add an Azure account**, choose your **Azure environment**, and then select **Sign in...**.
+
+    :::image type="content" source="./media/functions-storage-explorer-connect/storage-explorer-connect-azure-account.png" alt-text="Screenshot of the sign-in to your Azure account window.":::
+
+After you successfully sign in to your account, you see all of the Azure subscriptions associated with your account. Choose your subscription and select **Open Explorer**.