Toggle Deployment Slots on an Azure Function App Using AZ CLI

Log in to the Azure Portal using the username and password supplied by the lab.

1. Open a browser.
2. Navigate to the provided Azure Portal URL.
3. Use the supplied username and password to authenticate.

Starting in the Azure dashboard, perform the following tasks:

1. Open the navigation menu in the upper-left of the Portal.
2. Click on All resources.

Wait for all the resources to appear.

In the list, click on the lab-VM resource.

Wait for the VM overview page to open. On that page, make note of the public IP address.

Using a remote desktop client, connect to the IP address of the VM. Log in using the credentials provided on the lab page.

Accept the certificate if asked to do so.

Wait for the desktop to load and stabilize. If the server manager opens, click 'No' for network sharing and close it.

Open PowerShell ISE as an administrator. Open a new script window. Paste the following into the editor window (not the blue pane).

choco install nodejs-lts -y --force
npm i -g azure-functions-core-tools@3 --unsafe-perm true
code --install-extension ms-vscode.csharp
code --install-extension ms-vscode.azurecli
code --install-extension ms-azuretools.vscode-azurefunctions
code --install-extension ms-vscode.azure-account
code --install-extension ms-azuretools.vscode-azurestorage
code --install-extension ms-vscode.powershell

Run the script by pressing F5 or the play button.

Wait a few minutes for it to complete.

Close the PowerShell ISE window.

Open an administrative command prompt. Change the directory using the following command:

cd \code\slots

Now open the project in visual studio code with the following command:

code .

Wait for Visual Studio Code to open the solution.

On the toast message about detecting an Azure Functions project being found in the folder, press the Yes button.

On the toast message about "There are unresolved dependencies...", Click the Restore button.

In Visual Studio Code, open the file scripts.ps1.

Highlight the line with the code:

az login

Now press F8 to run the single line of code.

Internet Explorer will open. One tab will open with a login form (there will be several other nag screens we need to avoid or close). Log in with the Azure credentials given by the lab environment, the same ones used to log in to the Portal.

When the login is complete, Internet Explorer will say so, and the az login commnand will return in the Visual Studio Code terminal.

Execute the following lines of code in the scripts.ps1 file:

$funcappname = $(az functionapp list --query "[0].name" -o tsv)
$funcappname

$group = $(az group list --query "[0].name" -o tsv)
$group 

Execute the following lines of code in the scripts.ps1 file:

az functionapp deployment slot create --name $funcappname -g $group --slot production
az functionapp deployment slot create --name $funcappname -g $group --slot staging

Note that the production slot is already created, and the one line has essentially no effect and is present just for example.

Execute the following lines of code in the scripts.ps1 file:

# modify code (A)
dotnet clean
dotnet build

func azure functionapp publish $funcappname --force --csharp

Open the MyHttpFunction.cs file. Modify the following line of code from:

return (ActionResult)new OkObjectResult($"A");

To:

return (ActionResult)new OkObjectResult($"B");

Then execute the following lines of code in the scripts.ps1 file:

# modify code (B)
dotnet clean
dotnet build

func azure functionapp publish $funcappname --slot staging --force --csharp

In the Azure Portal, navigate to the Function App Service.

Starting in the Azure dashboard perform the following tasks:

1. Open the navigation menu in the upper-left of the Portal.
2. Click All resources.

Wait for all the resources to appear.

In the list, click the app service that has a name that starts with fa-. This will open the overview page of the function app service.

Click on the MyHttpFunction in the production slot near the top of the function apps navigation tree, not in the Slots section of this tree. When the function opens, press the Run button. The test panel will open and show "A" in the output panel.

Now click on the MyHttpFunction in the staging slot. When the function opens, press the Run button. The test panel will open and show "B" in the output panel.

Back in Visual Studio Code, run the following line of the scripts.ps1 file:

az functionapp deployment slot swap -g $group -n $funcappname --slot staging --target-slot production 

Back in the Azure Portal, click on the MyHttpFunction in the production slot near the top of the function apps navigation tree, not in the Slots section of this tree. When the function opens, press the Run button. The test panel will open and show "B" in the output panel.

Now click on the MyHttpFunction in the staging slot. When the function opens, press the Run button. The test panel will open and show "A" in the output panel.

The functions in the two slots have been swapped.