
今天在点滴记忆的博客里发现一篇非常不错的博文,感觉很有意思,也感觉挺有帮助,把它转载过来做一个记录。最近在使用Unsplash的API,但是感觉速度太慢了简直受不了,本来打算搞一台国外服务器来中转,忽然发现可以利用Cloudflare的Worker来制作镜像站,Workers 每天有免费的 10 万次请求,个人使用绰绰有余了,还可以绑定自定义域名。
创建镜像站
首先登录cloudflare.com,进入控制台 - Works - 创建服务 - 选择HTTP处理程序

创建完成后,点击快速编辑

拷贝进下方的代码:
| 12
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 
 | // 你要镜像的网站.const upstream = 'www.google.com'
 // 镜像网站的目录,比如你想镜像某个网站的二级目录则填写二级目录的目录名,镜像 google 用不到,默认即可.
 const upstream_path = '/'
 // 镜像站是否有手机访问专用网址,没有则填一样的.
 const upstream_mobile = 'www.google.com'
 // 屏蔽国家和地区.
 const blocked_region = ['KP', 'SY', 'PK', 'CU']
 // 屏蔽 IP 地址.
 const blocked_ip_address = ['0.0.0.0', '127.0.0.1']
 // 镜像站是否开启 HTTPS.
 const https = true
 // 文本替换.
 const replace_dict = {
 '$upstream': '$custom_domain',
 '//www.google.com': ''
 }
 // 以下保持默认,不要动
 addEventListener('fetch', event => {
 event.respondWith(fetchAndApply(event.request));
 })
 async function fetchAndApply(request) {
 const region = request.headers.get('cf-ipcountry').toUpperCase();
 const ip_address = request.headers.get('cf-connecting-ip');
 const user_agent = request.headers.get('user-agent');
 let response = null;
 let url = new URL(request.url);
 let url_hostname = url.hostname;
 if (https == true) {
 url.protocol = 'https:';
 } else {
 url.protocol = 'http:';
 }
 if (await device_status(user_agent)) {
 var upstream_domain = upstream;
 } else {
 var upstream_domain = upstream_mobile;
 }
 url.host = upstream_domain;
 if (url.pathname == '/') {
 url.pathname = upstream_path;
 } else {
 url.pathname = upstream_path + url.pathname;
 }
 if (blocked_region.includes(region)) {
 response = new Response('Access denied: WorkersProxy is not available in your region yet.', {
 status: 403
 });
 } else if (blocked_ip_address.includes(ip_address)) {
 response = new Response('Access denied: Your IP address is blocked by WorkersProxy.', {
 status: 403
 });
 } else {
 let method = request.method;
 let request_headers = request.headers;
 let new_request_headers = new Headers(request_headers);
 new_request_headers.set('Host', url.hostname);
 new_request_headers.set('Referer', url.hostname);
 let original_response = await fetch(url.href, {
 method: method,
 headers: new_request_headers
 })
 let original_response_clone = original_response.clone();
 let original_text = null;
 let response_headers = original_response.headers;
 let new_response_headers = new Headers(response_headers);
 let status = original_response.status;
 new_response_headers.set('access-control-allow-origin', '*');
 new_response_headers.set('access-control-allow-credentials', true);
 new_response_headers.delete('content-security-policy');
 new_response_headers.delete('content-security-policy-report-only');
 new_response_headers.delete('clear-site-data');
 const content_type = new_response_headers.get('content-type');
 if (content_type.includes('text/html') && content_type.includes('UTF-8')) {
 original_text = await replace_response_text(original_response_clone, upstream_domain, url_hostname);
 } else {
 original_text = original_response_clone.body
 }
 response = new Response(original_text, {
 status,
 headers: new_response_headers
 })
 }
 return response;
 }
 async function replace_response_text(response, upstream_domain, host_name) {
 let text = await response.text()
 var i, j;
 for (i in replace_dict) {
 j = replace_dict[i]
 if (i == '$upstream') {
 i = upstream_domain
 } else if (i == '$custom_domain') {
 i = host_name
 }
 if (j == '$upstream') {
 j = upstream_domain
 } else if (j == '$custom_domain') {
 j = host_name
 }
 let re = new RegExp(i, 'g')
 text = text.replace(re, j);
 }
 return text;
 }
 async function device_status(user_agent_info) {
 var agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
 var flag = true;
 for (var v = 0; v < agents.length; v++) {
 if (user_agent_info.indexOf(agents[v]) > 0) {
 flag = false;
 break;
 }
 }
 return flag;
 }
 
 | 
点击右边的预览,就可以使用系统分配的域名访问到Google了。

我这边想创建Unsplash简易API的镜像站:
将代码中的
换成
就可以了,如果要创建其他网站,换成对应域名就行,如github就换成github.com,替换成后,预览一下,成功了。

这样就可以通过worker分配的域名访问服务了,如果想自定义域名,继续往下看
绑定自定义域名
主要分两个步骤,一个是自定义域名添加到 CloudFlare网络,另一个是将该域名指向 Worker子域名进行关联。这两个步骤先后顺序没有严格要求。
添加站点

添加DNS - IPv4地址随便填,主要是将域名接入CloudFlare

Worker绑定自定义域名

路由填写上一步的子域名(如:unsplash.notemi.cn/*),区域选择上面添加的 站点:

添加好就可以使用自定义域名访问了。
文章转载到这里,个人因为时间关系还没有来得及琢磨其中味道,附上作者链接,方便大家学习更多有趣的文章:使用Cloudflare创建镜像站!