Wondering how to use CloudFlare with Losant experiences? We can help you.

As part of our Server Management Services, we assist our customers with several CloudFlare queries.

Today, let us see how our Support techs perform this task.

How to Use CloudFlare with Losant experiences?

Using Cloudflare as a proxy in front of your Losant Experiences provides a cost-effective solution for a number of networking requirements that most businesses have when deploying production applications.

Besides the automatic DDOS protection and caching that Cloudflare delivers, this guide also provides instructions for a number of common use cases requested by our users. These include:

1. IP Address whitelisting and blacklisting
2. Blocking requests to specific endpoints
3. Restricting access to staging domains

Today, let us see the steps followed by our Support Techs to configure Cloudflare to work best with Losant experiences.

Step 1: Add your Domain to Losant

The first step is to add a custom domain to your Losant application.

• Firstly, the Domain is set to *.example.com.
• Then, the Experience Version is set to develop.
• Next, the SSL Key and SSL Certificate are set to a wildcard SSL certificate obtained for this domain.

Step 2: Add your Domain to Cloudflare

This step does not involve any configuration specific to Losant.

Cloudflare works by changing your DNS configuration to direct traffic to Cloudflare’s servers instead of directly to Losant’s servers.

Step 3: Add a Page Rule for HTTPS and WWW Redirects

Cloudflare Page Rules provide a way to intercept requests and perform any number of actions.

In this case, we want to automatically redirect users if they requests the non-https site or request the root domain (not starting with www).

These redirects are not required, but are very common and recommended for production sites.

Note: enter your own domain for the configuration below. Here example.com is being used as a placeholder for this guide.

• Firstly, set the URL to example.com/*.
• Then, select Forwarding URL as the action.
• Next, select 302 – Temporary Redirect as the status code.
• Set the destination URL to https://www.example.com/$1. The $1 at the end is a special variable that will keep the path from the original request.

Step 4: Add CNAME and A Records in Cloudflare

The first record you’ll need to add is a CNAME that points www to your unique your-app-id.onlosant.com domain.

Cloudflare supports both “Proxied” and “DNS Only” records.

You’ll want to ensure “Proxied” is select, otherwise traffic will not go through Cloudflare.

Cloudflare will automatically import existing DNS configuration from your previous provider.

In some cases, the CNAME entry will already exist but may not configure as “Proxied”. In that case, you’ll have to remove and recreate the entry.

The next record you’ll need is an A record that directs your domain’s root (@ )to any arbitrary IP address.

The reason the IP address doesn’t matter is that the page rule you configured above will execute first and redirect the user to www.

Your DNS configuration should now look something like this:

At this point, Cloudflare is successfully configured and automatically providing DDOS protection and request caching. The remainder of this guide describes specific use cases that are optional based on your business requirements.

Use Case: IP Address Whitelisting

Cloudflare supports IP address whitelisting and blacklisting using their Firewall.

• Firstly, set the Field to IP Address.
• Then, set the Operator to is not in list.
• Next, set the Value to your list of IP addresses. If you don’t have a list yet, you can click the Manage lists link to create it.
• Finally, set the Action to Block.

Once this is saved, any request originating from an IP address outside of your whitelist will be blocked.

Use Case: Block Requests to Specific Endpoints

Requests to specific endpoints (i.e. URI Paths) can be blocked using Cloudflare’s Firewall. The following screenshot shows how to block all requests to the endpoint /block-me:

• Firstly, set the Field to URI Path.
• Next, set the Operator to Equals. If you have multiple endpoints to block, the operator can also be set to is in, which allows you to choose a list containing multiple endpoints.
• Then, set the Action to Block.

Once this is saved, any request made to example.com/block-me will be blocked.

The user will see an error message generated by Cloudflare and the request will never make it to your Losant experience.

Use Case: Production vs Staging Domains

In a production application, you’ll want to perform ongoing development without impacting your live experience.

The most common way to do this is by using two domains: one for production and one for staging.

If you followed Step 4 in this guide, Cloudflare is already configured for the www domain. To support the staging subdomain, you’ll need to add another CNAME with the name set to staging.

The content of the www and staging CNAME entries are identical.

If you want to restrict access to your staging domain, you can do so with another Cloudflare firewall rule.