51黑料不打烊

Cloudflare Setup

The following screenshots illustrate how to configure to deliver content. Essential settings are marked with a red circle.

This setup can be completely done in the browser by using the Cloudflare Dashboard only. If you are already familiar with , & GitHub and not afraid of entering commands in a terminal window you might want to follow the instructions here instead.

Create a Cloudflare site

If you already have a cloudflare site and DNS setup you can skip forward to the Setup push invalidation section.

Enter the domain:

Select a plan:

Note that surgical push invalidations are only supported on the Enterprise plan. On all other plans the entire cache of the site will be purged every time an author publishes a content change.

For this walk-through we鈥檒l use the .

Setup push invalidation

Push invalidation automatically purges content on the customer鈥檚 production CDN (e.g. www.yourdomain.com), whenever an author publishes content changes.

Content is purged by url and by cache tag/key.

Push invalidation is enabled by adding specific properties to the project鈥檚 configuration (an Excel workbook named .helix/config.xlsx in Sharepoint or a Google Sheet named .helix/config in Google Drive).

Configuration properties:

To create an API Token,

Note that only sites on the enterprise plan will be surgically purged by url and cache key. A Purge All will be performed instead on non-enterprise sites every time an author publishes a content change.

You can validate the credentials with this .

DNS Setup

For a new site, we鈥檒l start with a simple DNS setup.

Make sure the CNAME record is :

SSL/TLS Setup

Select SSL/TLS from the left pane and Edge Certificates in the dropdown list:

On the right side, scroll down to Always Use HTTPS and enable it:

Configure Caching

Create Page Rule

Create Worker

Choose Workers in the left pane and click on 鈥淢anage Workers鈥�:

Click on 鈥淐reate a Service鈥�:

Enter a name for the worker (e.g. 鈥渉elix-worker鈥�) and click on 鈥淐reate Service鈥�:

Click on 鈥淨uick edit鈥�:

Edit worker code

Click on Settings and 鈥淎dd variable鈥�:

Add a variable ORIGIN_HOSTNAME and set the value to the hostname of your origin (e.g. main--mysite--hlxsites.hlx.live):

Click on Triggers an select 鈥淎dd route鈥�:



Enter your domain route (e.g. www.mydomain.com/*), select your zone and click on 鈥淎dd route鈥�:

Depending on the setup chosen in DNS Setup, you would select routes www.mydomain.com/*, mydomain.com/*, or *.mydomain.com/*

After completing all steps you should be all set.

Expanding the AEM footprint on your website

In case you start with having only a portion of the website being routed to your .live origin and have routed a specific folder (eg. /blog/*) you can subsequently add more routes whenever you are ready to expose new sections of the site by simply adding more routes and repeat the last 鈥渁dd route鈥� steps as needed, without changing your worker configuration.

Watch out for duplicate content

Search engines often penalize sites for duplicate content, so it鈥檚 important to make sure your content is not available on the web elsewhere. Cloudflare, unfortunately, has a default setting that will . In paid Cloudflare plans you can . This is a recommended setting for production sites.