使用Cloudflare Workers搭建Docker映像代理 - 宇外御风的区块链博客

一、準備工作#

註冊並登錄 Cloudflare 帳戶
- 訪問Cloudflare 官網，創建並登錄你的帳戶。
購買並配置域名
- 在域名註冊商處購買一個你喜歡的域名。
- 將你的域名 DNS 解析到 Cloudflare。
設置 Cloudflare Workers
- 在 Cloudflare 後台找到 Workers 選項卡，並創建一個新的工作。

二、部署 Docker 鏡像代理服務#

1. 獲取代理源碼#

// _worker.js

// Docker鏡像倉庫主機地址
let hub_host = 'registry-1.docker.io'
// Docker認證伺服器地址
const auth_url = 'https://auth.docker.io'
// 自定義的工作伺服器地址
let workers_url = 'https://你的域名'

let 屏蔽爬蟲UA = ['netcraft'];

// 根據主機名選擇對應的上游地址
function routeByHosts(host) {
		// 定義路由表
	const routes = {
		// 生產環境
		"quay": "quay.io",
		"gcr": "gcr.io",
		"k8s-gcr": "k8s.gcr.io",
		"k8s": "registry.k8s.io",
		"ghcr": "ghcr.io",
		"cloudsmith": "docker.cloudsmith.io",
		"nvcr": "nvcr.io",
		
		// 測試環境
		"test": "registry-1.docker.io",
	};

	if (host in routes) return [ routes[host], false ];
	else return [ hub_host, true ];
}

/** @type {RequestInit} */
const PREFLIGHT_INIT = {
	// 預檢請求配置
	headers: new Headers({
		'access-control-allow-origin': '*', // 允許所有來源
		'access-control-allow-methods': 'GET,POST,PUT,PATCH,TRACE,DELETE,HEAD,OPTIONS', // 允許的HTTP方法
		'access-control-max-age': '1728000', // 預檢請求的緩存時間
	}),
}

/**
 * 構造響應
 * @param {any} body 響應體
 * @param {number} status 響應狀態碼
 * @param {Object<string, string>} headers 響應頭
 */
function makeRes(body, status = 200, headers = {}) {
	headers['access-control-allow-origin'] = '*' // 允許所有來源
	return new Response(body, { status, headers }) // 返回新構造的響應
}

/**
 * 構造新的URL對象
 * @param {string} urlStr URL字符串
 */
function newUrl(urlStr) {
	try {
		return new URL(urlStr) // 嘗試構造新的URL對象
	} catch (err) {
		return null // 構造失敗返回null
	}
}

function isUUID(uuid) {
	// 定義一個正則表達式來匹配 UUID 格式
	const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[4][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
	
	// 使用正則表達式測試 UUID 字符串
	return uuidRegex.test(uuid);
}

async function nginx() {
	const text = `
	<!DOCTYPE html>
	<html>
	<head>
	<title>Welcome to nginx!</title>
	<style>
		body {
			width: 35em;
			margin: 0 auto;
			font-family: Tahoma, Verdana, Arial, sans-serif;
		}
	</style>
	</head>
	<body>
	<h1>Welcome to nginx!</h1>
	<p>If you see this page, the nginx web server is successfully installed and
	working. Further configuration is required.</p>
	
	<p>For online documentation and support please refer to
	<a href="http://nginx.org/">nginx.org</a>.<br/>
	Commercial support is available at
	<a href="http://nginx.com/">nginx.com</a>.</p>
	
	<p><em>Thank you for using nginx.</em></p>
	</body>
	</html>
	`
	return text ;
}

export default {
	async fetch(request, env, ctx) {
		const getReqHeader = (key) => request.headers.get(key); // 獲取請求頭

		let url = new URL(request.url); // 解析請求URL
		const userAgentHeader = request.headers.get('User-Agent');
		const userAgent = userAgentHeader ? userAgentHeader.toLowerCase() : "null";
		if (env.UA) 屏蔽爬蟲UA = 屏蔽爬蟲UA.concat(await ADD(env.UA));
		workers_url = `https://${url.hostname}`;
		const pathname = url.pathname;
		const hostname = url.searchParams.get('hubhost') || url.hostname; 
		const hostTop = hostname.split('.')[0];// 獲取主機名的第一部分
		const checkHost = routeByHosts(hostTop);
		hub_host = checkHost[0]; // 獲取上游地址
		const fakePage = checkHost[1];
		console.log(`域名頭部: ${hostTop}\n反代地址: ${hub_host}\n偽裝首頁: ${fakePage}`);
		const isUuid = isUUID(pathname.split('/')[1].split('/')[0]);
		
		if (屏蔽爬蟲UA.some(fxxk => userAgent.includes(fxxk)) && 屏蔽爬蟲UA.length > 0){
			//首頁改成一個nginx偽裝頁
			return new Response(await nginx(), {
				headers: {
					'Content-Type': 'text/html; charset=UTF-8',
				},
			});
		}
		
		const conditions = [
			isUuid,
			pathname.includes('/_'),
			pathname.includes('/r'),
			pathname.includes('/v2/user'),
			pathname.includes('/v2/orgs'),
			pathname.includes('/v2/_catalog'),
			pathname.includes('/v2/categories'),
			pathname.includes('/v2/feature-flags'),
			pathname.includes('search'),
			pathname.includes('source'),
			pathname === '/',
			pathname === '/favicon.ico',
			pathname === '/auth/profile',
		];

		if (conditions.some(condition => condition) && (fakePage === true || hostTop == 'docker')) {
			if (env.URL302){
				return Response.redirect(env.URL302, 302);
			} else if (env.URL){
				if (env.URL.toLowerCase() == 'nginx'){
					//首頁改成一個nginx偽裝頁
					return new Response(await nginx(), {
						headers: {
							'Content-Type': 'text/html; charset=UTF-8',
						},
					});
				} else return fetch(new Request(env.URL, request));
			}
			
			const newUrl = new URL("https://registry.hub.docker.com" + pathname + url.search);

			// 複製原始請求的標頭
			const headers = new Headers(request.headers);

			// 確保 Host 頭部被替換為 hub.docker.com
			headers.set('Host', 'registry.hub.docker.com');

			const newRequest = new Request(newUrl, {
					method: request.method,
					headers: headers,
					body: request.method !== 'GET' && request.method !== 'HEAD' ? await request.blob() : null,
					redirect: 'follow'
			});

			return fetch(newRequest);
		}

		// 修改包含 %2F 和 %3A 的請求
		if (!/%2F/.test(url.search) && /%3A/.test(url.toString())) {
			let modifiedUrl = url.toString().replace(/%3A(?=.*?&)/, '%3Alibrary%2F');
			url = new URL(modifiedUrl);
			console.log(`handle_url: ${url}`)
		}

		// 處理token請求
		if (url.pathname.includes('/token')) {
			let token_parameter = {
				headers: {
					'Host': 'auth.docker.io',
					'User-Agent': getReqHeader("User-Agent"),
					'Accept': getReqHeader("Accept"),
					'Accept-Language': getReqHeader("Accept-Language"),
					'Accept-Encoding': getReqHeader("Accept-Encoding"),
					'Connection': 'keep-alive',
					'Cache-Control': 'max-age=0'
				}
			};
			let token_url = auth_url + url.pathname + url.search
			return fetch(new Request(token_url, request), token_parameter)
		}

		// 修改 /v2/ 請求路徑
		if (/^\/v2\/[^/]+\/[^/]+\/[^/]+$/.test(url.pathname) && !/^\/v2\/library/.test(url.pathname)) {
			url.pathname = url.pathname.replace(/\/v2\//, '/v2/library/');
			console.log(`modified_url: ${url.pathname}`)
		}

		// 更改請求的主機名
		url.hostname = hub_host;

		// 構造請求參數
		let parameter = {
			headers: {
				'Host': hub_host,
				'User-Agent': getReqHeader("User-Agent"),
				'Accept': getReqHeader("Accept"),
				'Accept-Language': getReqHeader("Accept-Language"),
				'Accept-Encoding': getReqHeader("Accept-Encoding"),
				'Connection': 'keep-alive',
				'Cache-Control': 'max-age=0'
			},
			cacheTtl: 3600 // 緩存時間
		};

		// 添加Authorization頭
		if (request.headers.has("Authorization")) {
			parameter.headers.Authorization = getReqHeader("Authorization");
		}

		// 發起請求並處理響應
		let original_response = await fetch(new Request(url, request), parameter)
		let original_response_clone = original_response.clone();
		let original_text = original_response_clone.body;
		let response_headers = original_response.headers;
		let new_response_headers = new Headers(response_headers);
		let status = original_response.status;

		// 修改 Www-Authenticate 頭
		if (new_response_headers.get("Www-Authenticate")) {
			let auth = new_response_headers.get("Www-Authenticate");
			let re = new RegExp(auth_url, 'g');
			new_response_headers.set("Www-Authenticate", response_headers.get("Www-Authenticate").replace(re, workers_url));
		}

		// 處理重定向
		if (new_response_headers.get("Location")) {
			return httpHandler(request, new_response_headers.get("Location"))
		}

		// 返回修改後的響應
		let response = new Response(original_text, {
			status,
			headers: new_response_headers
		})
		return response;
	}
};

/**
 * 處理HTTP請求
 * @param {Request} req 請求對象
 * @param {string} pathname 請求路徑
 */
function httpHandler(req, pathname) {
	const reqHdrRaw = req.headers

	// 處理預檢請求
	if (req.method === 'OPTIONS' &&
		reqHdrRaw.has('access-control-request-headers')
	) {
		return new Response(null, PREFLIGHT_INIT)
	}

	let rawLen = ''

	const reqHdrNew = new Headers(reqHdrRaw)

	const refer = reqHdrNew.get('referer')

	let urlStr = pathname

	const urlObj = newUrl(urlStr)

	/** @type {RequestInit} */
	const reqInit = {
		method: req.method,
		headers: reqHdrNew,
		redirect: 'follow',
		body: req.body
	}
	return proxy(urlObj, reqInit, rawLen)
}

/**
 * 代理請求
 * @param {URL} urlObj URL對象
 * @param {RequestInit} reqInit 請求初始化對象
 * @param {string} rawLen 原始長度
 */
async function proxy(urlObj, reqInit, rawLen) {
	const res = await fetch(urlObj.href, reqInit)
	const resHdrOld = res.headers
	const resHdrNew = new Headers(resHdrOld)

	// 驗證長度
	if (rawLen) {
		const newLen = resHdrOld.get('content-length') || ''
		const badLen = (rawLen !== newLen)

		if (badLen) {
			return makeRes(res.body, 400, {
				'--error': `bad len: ${newLen}, except: ${rawLen}`,
				'access-control-expose-headers': '--error',
			})
		}
	}
	const status = res.status
	resHdrNew.set('access-control-expose-headers', '*')
	resHdrNew.set('access-control-allow-origin', '*')
	resHdrNew.set('Cache-Control', 'max-age=1500')

	// 刪除不必要的頭
	resHdrNew.delete('content-security-policy')
	resHdrNew.delete('content-security-policy-report-only')
	resHdrNew.delete('clear-site-data')

	return new Response(res.body, {
		status,
		headers: resHdrNew
	})
}

async function ADD(envadd) {
	var addtext = envadd.replace(/[	 |"'\r\n]+/g, ',').replace(/,+/g, ',');	// 將空格、雙引號、單引號和換行符替換為逗號
	//console.log(addtext);
	if (addtext.charAt(0) == ',') addtext = addtext.slice(1);
	if (addtext.charAt(addtext.length -1) == ',') addtext = addtext.slice(0, addtext.length - 1);
	const add = addtext.split(',');
	//console.log(add);
	return add ;
}

worker.js

你可以使用現有的開源項目如 cloudflare-docker-proxy，或者自己編寫代理邏輯。
這裡以 cloudflare-docker-proxy為例，從 GitHub 上克隆其源碼。

2. 修改配置#

S40717-21092022_com.github.android.png

在源碼中找到配置文件（如 config.js），並修改相關配置以適應你的 Docker 倉庫和你的域名。

3. 部署源碼到 Cloudflare Workers#

在 Cloudflare Workers 界面，創建一個新的工作，並將你的源碼粘貼或上傳。
配置你的域名和路由規則。

4. 測試與驗證#

使用你的域名加上 Docker 鏡像路徑，如 <你的域名>/鏡像名:標籤，來拉取鏡像。
確保一切順利，並檢查日誌以診斷任何問題。

三、注意事項#

確保你的 Cloudflare Workers 配額足夠，因為這會消耗請求次數。
不要將你的域名公開到網上以防被刷量。

這就是使用 Cloudflare Workers 搭建 Docker 鏡像代理的基本流程。希望這個教程對你有所幫助！如果你有任何疑問或需要進一步的指導，請隨時提問。