Lab 3: Upload and configure static web content
Task 1: Observe the landing page
On the Azure portal's navigation pane, select Resource groups.
On the Resource groups blade, select the MarketingContent resource group that you created previously in this lab.
On the MarketingContent blade, select the landingpage[yourname] web app that you created previously in this lab.
On the App Service blade, select Browse. A new browser tab opens and returns the current website. Observe the error message displayed on the screen. The website won't work until you configure the specified settings to reference multimedia content.
Return to your currently open browser window that's displaying the Azure portal.
Task 2: Upload Storage blobs
On the Azure portal's navigation pane, select Resource groups.
On the Resource groups blade, select the MarketingContent resource group that you created previously in this lab.
On the MarketingContent blade, select the contenthost[yourname] storage account that you created previously in this lab.
On the Storage account blade, select the Containers link in the Data storage section.
In the Containers section, select the media container, and then select Upload.
In the Upload blob pop-up window, perform the following actions:
a. In the Files section, select the Folder icon.
b. In the File Explorer window, browse to $HOME\training-az204\Labs\12\Starter, select the following files, and then select Open:
campus.jpg
conference.jpg
poster.jpg
c. Ensure that Overwrite if files already exist is selected, and then select Upload.
Note: Wait for the blob to upload before you continue with this lab.
On the Container blade, select Properties in the Settings section.
Record the value in the URL text box. You'll use this value later in the lab.
Close the Container blade.
On the Containers blade, select the video container, and then select Upload.
In the Upload blob pop-up window, perform the following actions:
a. In the Files section, select the Folder icon.
b. In the File Explorer window, browse to $HOME\training-az204\Labs\12\Starter, select the welcome.mp4 file, and then select Open.
c. Ensure that Overwrite if files already exist is selected, and then select Upload.
Note: Wait for the blob to upload before you continue with this lab.
On the Container blade, select Properties in the Settings section.
Record the value in the URL text box. You'll use this value later in the lab.
Task 3: Configure Web App settings
On the Azure portal's navigation pane, select Resource groups.
On the Resource groups blade, select the MarketingContent resource group that you created previously in this lab.
On the MarketingContent blade, select the landingpage[yourname] web app that you created previously in this lab.
On the App Service blade, in the Settings category, select the Configuration link.
In the Configuration section, select the Application settings tab, and then select New application setting.
In the Add/Edit application setting pop-up window, configure the following settings, and then select OK.
| Setting | Action | | -- | -- | | Name text box | Enter CDNMediaEndpoint | | Value text box | Enter the URI value of the media container in the contenthost[yourname] storage account that you recorded previously in this lab | | Deployment slot setting check box | Don't select |
Return to the Configuration section, and then select New application setting.
In the Add/Edit application setting pop-up window,configure the following settings, and then select OK.
| Setting | Action | | -- | -- | | Name text box | Enter CDNVideoEndpoint | | Value text box | Enter the URI value of the video container in the contenthost[yourname] storage account that you recorded previously in this lab | | Deployment slot setting check box | Don't select |
Return to the Configuration section, and then select Save. Select Continue to confirm your changes.
Note: Wait for your application settings to persist before you move forward with the lab.
Task 4: Validate the corrected landing page
On the Azure portal's navigation pane, select Resource groups.
On the Resource groups blade, select the MarketingContent resource group that you created previously in this lab.
On the MarketingContent blade, select the landingpage[yourname] web app that you created previously in this lab.
On the App Service blade, select Restart, and then select Yes to confirm the app restart process.
Note: Wait for the restart operation to complete before you move forward with the lab. You'll receive a notification when the operation is done.
On the App Service blade, select Browse. A new browser window or tab will open and return to the current website. Observe the updated website rendering multimedia content of various types.
Return to your currently open browser window that's displaying the Azure portal.
Review
In this exercise, you uploaded multimedia content as blobs to Storage containers, and then updated your web app to point directly to the storage blobs.