arrow_back

Cloud CDN

Join Sign in

Cloud CDN

40 minutes 5 Credits

GSP217

Google Cloud selp-paced labs logo

Overview

In this lab, you configure Google Cloud CDN (Content Delivery Network) for a backend bucket and verify caching of an image. Cloud CDN uses Google's globally distributed edge points of presence to cache HTTP(S) load balanced content close to your users. Caching content at the edges of Google's network provides faster delivery of content to your users while reducing serving costs.

For an up-to-date list of Google's Cloud CDN cache sites, refer to this documentation link: https://cloud.google.com/cdn/docs/locations

Objectives

In this lab, you will learn how to perform the following tasks:

  • Create and populate a Cloud Storage bucket

  • Create an HTTP Load Balancer with Cloud CDN

  • Verify the caching of your bucket's content

Setup and requirements

Before you click the Start Lab button

Read these instructions. Labs are timed and you cannot pause them. The timer, which starts when you click Start Lab, shows how long Google Cloud resources will be made available to you.

This hands-on lab lets you do the lab activities yourself in a real cloud environment, not in a simulation or demo environment. It does so by giving you new, temporary credentials that you use to sign in and access Google Cloud for the duration of the lab.

To complete this lab, you need:

  • Access to a standard internet browser (Chrome browser recommended).
__Note:__ Use an Incognito or private browser window to run this lab. This prevents any conflicts between your personal account and the Student account, which may cause extra charges incurred to your personal account.
  • Time to complete the lab---remember, once you start, you cannot pause a lab.
__Note:__ If you already have your own personal Google Cloud account or project, do not use it for this lab to avoid extra charges to your account.

How to start your lab and sign in to the Google Cloud Console

  1. Click the Start Lab button. If you need to pay for the lab, a pop-up opens for you to select your payment method. On the left is a panel populated with the temporary credentials that you must use for this lab.

    Open Google Console

  2. Copy the username, and then click Open Google Console. The lab spins up resources, and then opens another tab that shows the Sign in page.

    Sign in

    Tip: Open the tabs in separate windows, side-by-side.

  3. In the Sign in page, paste the username that you copied from the left panel. Then copy and paste the password.

    Important: You must use the credentials from the left panel. Do not use your Google Cloud Training credentials. If you have your own Google Cloud account, do not use it for this lab (avoids incurring charges).

  4. Click through the subsequent pages:

    • Accept the terms and conditions.
    • Do not add recovery options or two-factor authentication (because this is a temporary account).
    • Do not sign up for free trials.

After a few moments, the Cloud Console opens in this tab.

Activate Cloud Shell

Cloud Shell is a virtual machine that is loaded with development tools. It offers a persistent 5GB home directory and runs on the Google Cloud. Cloud Shell provides command-line access to your Google Cloud resources.

In the Cloud Console, in the top right toolbar, click the Activate Cloud Shell button.

Cloud Shell icon

Click Continue.

cloudshell_continue.png

It takes a few moments to provision and connect to the environment. When you are connected, you are already authenticated, and the project is set to your PROJECT_ID. For example:

Cloud Shell Terminal

gcloud is the command-line tool for Google Cloud. It comes pre-installed on Cloud Shell and supports tab-completion.

You can list the active account name with this command:

gcloud auth list

(Output)

ACTIVE: * ACCOUNT: student-01-xxxxxxxxxxxx@qwiklabs.net To set the active account, run: $ gcloud config set account `ACCOUNT`

You can list the project ID with this command:

gcloud config list project

(Output)

[core] project = <project_ID>

(Example output)

[core] project = qwiklabs-gcp-44776a13dea667a6

Create and populate a Cloud Storage bucket

Cloud CDN content can originate from two types of backends:

  • Compute Engine virtual machine (VM) instance groups
  • Cloud Storage buckets

In this lab, you will configure a Cloud Storage bucket as the backend.

Create a unique Cloud Storage bucket

  1. In the Cloud Console, from the Navigation menu click Cloud Storage > Browser.

  2. Click Create bucket.

  3. Specify values for the following fields, leave all others at their defaults:

    Property Value (type value or select option as specified)
    Name Enter a globally unique name. If the name you enter is not unique, you'll see a message to try another name.
    Location type Multi-regional
    Location Choose a location that is very far from you.
  1. Click Create.

  2. Note the name of your storage bucket for the next step. It will be referred to as [your-storage-bucket].

Copy an image file into your bucket

Copy an image from a public Cloud Storage bucket to your own bucket.

  1. Run the following command in Cloud Shell, replacing [your-storage-bucket] with your bucket's name:

gsutil cp gs://cloud-training/gcpnet/cdn/cdn.png gs://[your-storage-bucket]

Click Authorize.

  1. On the Bucket details page, click Refresh to verify that the image was copied into your bucket.

refresh_bucket.png

Make the bucket public

The recommended practice is to dedicate specific Cloud Storage buckets for public objects.

  1. On the Bucket details page click the Permissions tab.
  2. Click Add.
  3. In New principals, start typing "allUsers" then select the choice from the dropdown menu.
  4. For the role, select Cloud Storage > Storage Object Viewer.
  5. Click Save.
  6. Click Allow public access.
  7. Click on the Objects tab.
  8. Click Copy URL under Public access, then open a new browser tab and paste it in to verify that you can access the image.

cdn.png

Click Check my progress to verify the objective. Create and populate a Cloud Storage bucket

Create the HTTP Load Balancer with Cloud CDN

HTTP(S) load balancing provides global load balancing for HTTP(S) requests of static content to a Cloud Storage bucket (backend). By enabling Cloud CDN on your backend, your content is cached at a location at the edge of Google's network, which is usually far closer to the user than your backend.

Start the HTTP Load Balancer Configuration

  1. In the Cloud Console, from the Navigation menu (mainmenu.png) select Network Services > Load balancing, and click Create load balancer.

  2. Under HTTP(S) Load Balancing, click Start configuration.

  3. Choose From Internet to my VMs or serverless services and click Continue.

  4. Set the Name to cdn-lb.

Configure the backend

  1. Click on Backend configuration.
  2. For Backend services & backend buckets, click backend services & backend buckets dropdown menu, then click Create a backend bucket.
  3. Set the Name to cdn-bucket.
  4. Under Cloud Storage bucket click Browse .
  5. Click your bucket and click Select.
  6. Check Enable Cloud CDN.
  7. Cash Static Content is selected by default, for this lab, set the Client time to live, Default time to live, and Maximum time to live to 1 minute.
  8. Click Create.

Configure the frontend

  1. Click Frontend configuration.

  2. Specify the following, leave all other values with their defaults:

    Property Value (type value or select option as specified)
    Protocol HTTP
    IP version IPv4
    IP address Ephemeral
    Port 80
  3. Click Done.

Review and create the HTTP Load Balancer

  1. Click Review and finalize.

  2. Review the Backend Buckets and Frontend.

    review_finalize.png

  3. Click Create and wait for the load balancer to be created.

  4. Click on the name of the load balancer (cdn-lb).

  5. Note the IP address of the load balancer for the next task. It will be referred to as [LB_IP_ADDRESS].

Click Check my progress to verify the objective. Create the HTTP Load Balancer with Cloud CDN

Verify the caching of your bucket's content

Now that you have created the HTTP Load Balancer for your bucket and enabled Cloud CDN, it is time to verify that the image gets cached on the edge of Google's network.

Time the HTTP request for the image

One way to verify that the image gets cached is to time the HTTP request for the image. The first request should take significantly longer as content is only cached at an edge location after being accessed through that location.

  1. In Cloud Shell, store the IP address of the Load Balancer in an environment variable:

export LB_IP_ADDRESS=<Enter the IP address of the Load Balancer>
  1. Run the following to time 3 consecutive HTTP requests:

for i in {1..3};do curl -s -w "%{time_total}\n" -o /dev/null http://$LB_IP_ADDRESS/cdn.png; done

The output should look like this (do not copy; this is example output):

1.234357 0.009600 0.006652
  1. Repeat the command a few times to provide logs:

for i in {1..3};do curl -s -w "%{time_total}\n" -o /dev/null http://$LB_IP_ADDRESS/cdn.png; done

Explore the Cloud CDN logs

Another way to verify that the image got cached in the previous step is to explore the Cloud CDN logs. These logs will contain information on when content was cached and when the cache was accessed.

  1. In the Cloud Console, from the Navigation menu select Logging > Logs Explorer.

  2. Under the Resources filter, select Cloud HTTP Load Balancer > cdn-lb-forwarding-rule > cdn-lb. Then click Apply.

  3. Click Run Query.

  1. Expand the first log entry (on top).

  2. Within the entry, expand the httpRequest and notice that the cacheLookup is true but there is no cacheHit field. This illustrates that the cache did not contain the image on this first request.

  3. Expand the jsonPayload and notice that the statusDetails field contains response_sent_by_backend. This also illustrates that the image came from the backend bucket on this first request.

  4. Close the current log entry and expand a log entry towrds the bottom of the query results.

  5. Within the entry, expand the httpRequest and notice that the cacheLookup and CacheHit is true. This illustrates that the cache contained the image on this request.

  6. Expand the jsonPayload and notice that the statusDetails field contains response_from_cache. This also illustrates that the cache provided the image on this request, instead of the backend.

Congratulations!

In this lab, you configured Cloud CDN for a backend bucket by configuring an HTTP Load Balancer and enabling Cloud CDN with a simple checkbox. You verified the caching of the bucket's content by accessing an image multiple times and exploring the Cloud CDN logs. The first time you accessed the image, it took longer since the cache of the edge location did not contain the image yet. All other requests were quicker as the image was provided from the cache of the edge location closest to your Cloud Shell instance.

For an up-to-date list of Google's Cloud CDN cache sites, refer to this documentation link: https://cloud.google.com/cdn/docs/locations

Networking_125.png

Finish Your Quest

This self-paced lab is part of the Qwiklabs Quest, Network Performance and Optimization. A Quest is a series of related labs that form a learning path. Completing this Quest earns you the badge above to recognize your achievement. You can make your badge (or badges) public and link to them in your online resume or social media account. Enroll in this Quest and get immediate completion credit if you've taken this lab. See other available Qwiklabs Quests.

Take Your Next Lab

Continue your Quest with Network Tiers - Optimizing Netwok Spend, or check out these suggestions:

Next Steps / Learn More

For information on the basic concepts of cloud CDN, see Google Cloud CDN Documentation.

Manual last updated May 20, 2022
Lab last tested May 20, 2022

Copyright 2022 Google LLC All rights reserved. Google and the Google logo are trademarks of Google LLC. All other company and product names may be trademarks of the respective companies with which they are associated.