AZ-104: Exercise - Use shared access signatures to delegate access to Azure Storage

Joseph Lombardi 30

Module: "AZ-104 Control access to Azure Storage with shared access signatures"
Unit: "Exercise - Use shared access signatures to delegate access to Azure Storage"
Section: 'Test the patient diagnostic image system'

I get up to step #12 but the page renders in html tags (see attached screenshot).

html

I had to open up a separate cloud shell session in another tab so I could open port 8000. Any suggestions here on how to work around this so I can complete the unit?

Thanks,

Joseph

This question is related to the following Learning Module

Joseph Lombardi 30 Reputation points

2024-06-04T11:57:40.38+00:00

Also - regardless of whether in the North Europe or US East regions - Test the Patient Diagnostic System Step #10 running the curl command generates the following URL:

Browing to the page renders this:

This lab needs updated instructions. I'm unfortunately going to have to move on to the next unit.
AmaranS 3,455 Reputation points Microsoft Vendor

2024-06-05T01:16:49.3266667+00:00
Hi Joseph Lombardi,

Thank you for reaching out to us on Microsoft Q&A forum.

It looks like you're experiencing issues with the Azure Cloud Shell environment and the provided lab instructions.

Here are some suggestions to help you resolve these issues and complete the unit:

Issue 1: HTML Tags Rendering

1.Could you please check the HTML structure in your .cshtml files and any other HTML files to ensure they are correctly formatted? Sometimes, an incomplete or malformed HTML structure can cause rendering issues.

2.Would you mind clearing your browser cache or trying to access the page in an incognito/private browsing window. Sometimes, the browser cache can cause rendering issues.

3.Please ensure that all dependencies, such as Bootstrap and jQuery, are correctly referenced and accessible. External libraries not loading properly can cause the page to render incorrectly.

4.Could you please open your browser’s developer tools (F12) and check for any errors in the console? These errors can provide clues about what might be going wrong.

Issue 2: Opening Ports and Access URL

1.Please ensure that the URL returned by the curl command is correct and properly formatted. There should be no extra slashes or incorrect characters.

2.If the URL format varies by region, could you ensure you are following the correct format for your specific region. The ux.console.azure.com URL might be a misconfiguration.

3.Please ensure that port forwarding is set up correctly in your Cloud Shell environment. You can verify this by checking the open ports and the URLs generated for access.

Alternative Approach

If the issues persist, you might want to consider completing the lab using a local development environment instead of the Cloud Shell. This can help avoid environment-specific issues. Here are the steps to set up locally:

Could you please make sure you have the .NET SDK installed on your local machine.

Please clone the repository to your local machine:

git clone https://github.com/MicrosoftDocs/mslearn-control-access-to-azure-storage-with-sas.git

sas cd sas

Would you mind updating the appsettings.json file with your storage account details.

Please run the application locally:

dotnet run

You can access the web application through http://localhost:8000

Using a local environment can help bypass some of the limitations and issues specific to the Cloud Shell environment.

If you have any specific error messages, please feel free to share them, and I can provide more detailed troubleshooting steps.

If you have found the answer provided to be helpful, please click on the "Accept answer" button so that it is useful for other members in the Microsoft Q&A community.
Aniket Shinde 5 Reputation points

2024-07-02T07:20:13.2666667+00:00

I tried running locally with the above steps and it worked just like the exercise.ty
AmaranS 3,455 Reputation points Microsoft Vendor

2024-07-02T07:33:30.6433333+00:00

Hi Aniket Shinde,

We're glad to hear that your concern has been resolved. If you experience any further issues, please don't hesitate to contact us. We're here to help.

Please accept the answer by clicking "Accept Answer" and "Upvote" on the post.

Thank you.

1 answer

AmaranS 3,455 Reputation points Microsoft Vendor

2024-06-04T15:40:10.4+00:00

Hi Joseph Lombardi,

Thank you for reaching out to us on Microsoft Q&A forum.

Unfortunately, Web Preview for Azure Cloud Shell seems to be broken. This is why step#10 is failing for you.

I'm working on typing up steps for workaround that uses ngrok instead. It is third party utility that does same thing as step #10. It is free, you just have to sign up using name and email in order to get key. If you would like to quickly sign up and get your auth key I can walk you through it right now before I have all the screenshots/steps ready.

If you don't want to use third party tool then I recommend reading over the exercise and making sure you understand what each step is supposed to do for learning purposes. If you have any questions in this regard add a comment below and I would be happy to explain what is going on in each step if it were actually working properly.

Mention it, but if you wanted to you could complete the exercise on your local PC, just need to install some tools first. On your local PC there is no need for the Web Preview tunneling capability since you can just open your browser to http://localhost:8000 and it will work.

In essence, when doing exercise on local machine you can skip step#10 and then for step#12 you browse to http://localhost:8000 instead.

If you have any specific error messages, please feel free to share them, and I can provide more detailed troubleshooting steps.

If you have found the answer provided to be helpful, please click on the "Accept answer" button so that it is useful for other members in the Microsoft Q&A community.
Please sign in to rate this answer.

1 person found this answer helpful.
Joseph Lombardi 30 Reputation points

2024-06-04T21:17:40.1+00:00

@AmaranS - Thanks for the response! Running the application locally defeats the purpose of leveraging Azure, so while this would technically work, I 'm afraid I can't accept this as a working solution. The whole point of the Azure training is to get solutions working within Azure. I decided instead to leverage Azure Web Apps and used this Microsoft Azure video as a starting point: https://www.youtube.com/watch?v=0QO2jdinCoQ

In the "Test the patient diagnostic image system" section, I replaced steps #10 and #11 with just running this command in CloudShell:

cd sas

az webapp up --name mymedicalrecords8651-quick

I navigated to the website and BOOM! :-D We're good! Thanks again for taking a look at this!!

AmaranS 3,455 Reputation points Microsoft Vendor

2024-06-05T00:54:03.95+00:00

Hi Joseph Lombardi,

We're glad to hear that your concern has been resolved. If you experience any further issues, please don't hesitate to contact us. We're here to help.

Please accept the answer by clicking "Accept Answer" and "Upvote" on the post.

Thank you.

c3474 5 Reputation points

2024-06-06T16:42:25.5+00:00

@Joseph Lombardi - I ran into this same issue today. Thanks for posting your workaround!

AmaranS 3,455 Reputation points Microsoft Vendor

2024-06-07T02:16:59.3866667+00:00

Hi Joseph Lombard, The Web Preview for Azure Cloud Shell isn't working. This is the feature that the exercise requires to make the web application running within the cloud shell publicly available so that you can open it in your browser.You can either a) review everything in the exercise and make sure you understand what is going on each step, even though you can't perform some of the steps or b) I would be happy to walk you through using ngrok instead of Web Preview. ngrok is free, however, there are some commands to get it working in the sandbox AND you need to sign up with name/email on their site to get your key.

Please click Accept Answer and upvote if the above was helpful. Please add a comment if anything is unclear attached screenshot of the error.
Sign in to comment

Share via

AZ-104: Exercise - Use shared access signatures to delegate access to Azure Storage

1 answer