Use Cloudflare Pages Functions as a reverse proxy with custom domain support.

cf-page-func-proxy

Getting Start

1.下载或是Fork本仓库

2.修改_worker.js中的url.hostname为你需要反代的网址

cf-page-func-proxy/_worker.js

Line 5 in 291f504

url.hostname="example.com";

3.打开Cloudflare Dashboard，进入Pages管理页面，选择创建项目，如果在第一步中选择的是fork本仓库，则选择1Connect to Git，如果第一步中选择的是下载本仓库则选择2Direct Upload

绑定自定义域名

1.进入Cloudflare Pages管理页面，选择刚刚创建的Pages项目，点击名称进入项目设置页面

2.选择页面中的自定义域

3.选择设置自定义域

4.在页面中输入需要绑定的域名，并点击继续，这里的域名可以是子域名

5.在设置方法中选择开始cname设置

6.按照页面给出的说明去DNS服务提供商处修改DNS解析记录，即可完成自定义域名绑定

RT

代码如下：

const day1 = 'app0.herokuapp.com'
const day2 = 'app1.herokuapp.com'

export default {
    async fetch(request, env) {
      let url = new URL(request.url)
      if (url.pathname.startsWith("/")) {
        let day = new Date().getDay()
        if (day === 0) {
          host = day1
        } else {
          host = day2
        }
        url.hostname=host
        let response = new Response(url, request)
        return response(new_request)
      }
      return env.ASSETS.fetch(request);
    }
  };

下面是在workers验证过可以执行的代码，用于获取用户真实IP的脚本源码，目的是用户访问这个workers的网址就可以报告用户端的出口ip地址

addEventListener("fetch", (event) => { event.respondWith( handleRequest(event.request).catch( (err) => new Response(err.stack, { status: 500 }) ) ); });

/**

Return user real ip as response in plain text.
@param {Request} request
@returns {Promise} */ async function handleRequest(request) { const clientIP = request.headers.get("CF-Connecting-IP") return new Response(clientIP); }

但是上面这段代码按照你这个项目的方法，替代了_worker.js文件里面的所有代码成为上面的代码，在pages上一部署就报告错误，我由于对这些代码不熟悉，能否麻烦你帮忙看看是否在pages上部署要做相应的代码更改？

非常感谢！

export default {
	async fetch(request, env) {
		const cars = [
			"app1.example.com", 
			"app2.example.com", 
			"app3.example.com", 
			"app4.example.com", 
			"app5.example.com"
		];
		let host = cars[Math.floor(Math.random() * cars.length)];	//随机选择VPS
		//let host = cars[new Date().getDate() % cars.length];		//每天自动更换VPS
		
		let url = new URL(request.url);
		if (url.pathname.startsWith('/')) {
			url.hostname = host;
			let new_request = new Request(url,request);
			return fetch(new_request);
		}
		return env.ASSETS.fetch(request);
	}
};

Use Cloudflare Pages Functions as a reverse proxy with custom domain support.

Related tags

Overview

cf-page-func-proxy

Getting Start

绑定自定义域名

You might also like...

Connect to a Postgres database from a Cloudflare Worker, using Cloudflare Tunnel

A Cloudflare Workers service that fetches and renders Notion pages as HTML, Markdown, or JSON.

A CloudFlare Worker / script / bot to sync Notion pages publicly as GitHub Discussions.

Running Next.js on Cloudflare Pages.

Example of a Cloudflare Pages server side rendering (SSR) project powered by Hono.

Remix run stack built for the edge (cloudflare pages and d1)

Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.

Seamlessly connect your web server to Rebrandly so that you can re-use your domain name for both your app and your short links

Functions Recipes is a library of examples to help you getting started with Salesforce Functions and get used to their main features.

Comments

如果需要使用单双日实现访问不同的域名，这样做可以吗

请教pages执行原来workers代码的问题

多台服务器负载均衡方法

Owner

Zemi is data-driven and reverse-routing library for Express. It provides out-of-the-box OpenAPI support, allowing you to specify and autogenerate an OpenAPI spec.

A set of useful helper methods for writing functions to handle Cloudflare Pub/Sub messages (https://developers.cloudflare.com/pub-sub/)

Functional-style Cloudflare Durable Objects with direct API calls from Cloudflare Workers and TypeScript support.

proxy 🦄 yxorp is your Web Proxy as a Service (SAAS) Multi-tenant, Multi-Threaded, with Cache & Article Spinner

Proxy but misspelled -- closed proxy for the internet

Toaster is a Pure Javascript plugin for displaying toast notifications. It comes with different options e.g custom text or HTML message, duration, custom class, toggle close button, position, custom close icon and backgorund color.

serverless plugin to setup custom domain for lambdas deployed with function url.

基于 gh-proxy + Jsdelivr+ cnpmjs + cloudflare workers 的 GitHub Serverless API 工具。

Experimental proxy and wrapper for safely embedding Web Archives (warc.gz, wacz) into web pages.

This package support to build a complex application with domain driven design.