Setting Up a Universal Reverse Proxy with Cloudflare

Registering a Domain

First, you need to register a domain. The registration process is not covered here, but I used a domain registered with Alibaba Cloud.

Adding DNS Records and Configuring DNS in Cloudflare

1. Click on the "Websites" option in the sidebar, then click the "Add Site" button.

2. Wait for Cloudflare to scan and add DNS records. You can add a subdomain record called "proxy," which will be dedicated to the reverse proxy.

3. Go to your domain registrar’s dashboard and choose the DNS service. Change the DNS addresses to Cloudflare's DNS addresses:

   • armfazh.ns.cloudflare.com
   • kelly.ns.cloudflare.com

4. Be patient while the DNS records propagate.

Now your domain has been successfully added to Cloudflare.

Configuring Workers

Next, we will use the open-source project cloudflare-reverse-proxy.

1. In the sidebar, click "Workers and Pages," then click on "Overview" and hit the "Create Application" button, followed by "Create Workers."

2. Enter a name, then click the "Deploy" button.

3. Click on the Worker you just created, then hit the "Quick Edit" button.

4. Copy and paste the code from the _worker.js file of the project into the editor.

5. Click "Deploy" to set up the reverse proxy.

Configuring a Custom Domain

The address generated by Cloudflare is automatically created and not very elegant. If you want to configure your own domain, follow these steps:

1. Click on the "Triggers" tab, then hit the "Add Custom Domain" button.

2. Enter your custom domain that you’ve pointed to Cloudflare, and click "Add"