Note-54920-42

Token ID: 1

ERC-721 1 Transfers

Metadata

{
  "title": "使用cloudflare制作“镜像站”",
  "tags": [
    "post",
    "笔记",
    "cloudflare",
    "镜像"
  ],
  "summary": "可以用于间接访问一些打不开的网站,例如 Github 使用说明\n\n本项目使用 Cloudflare 这位慷慨无私的云服务提供商的免费服务 workers。\n\n按照本教程进行配置,你可以自己搭建一个 Github的镜像站点,以解决某些情况下无法访问的问题。\n\n注意:请遵守当地法律法规…",
  "sources": [
    "xlog"
  ],
  "external_urls": [
    "https://blog.ncs.fun/shi-yong-cloudflare-zhi-zuo--jing-xiang-zhan-"
  ],
  "date_published": "2023-05-25T17:11:59.274Z",
  "content": "可以用于间接访问一些打不开的网站,例如Github\n## 使用说明\n\n本项目使用Cloudflare这位慷慨无私的云服务提供商的免费服务 `workers`。\n\n按照本教程进行配置,你可以自己搭建一个 `Github`的镜像站点,以解决某些情况下无法访问的问题。\n\n> **注意:请遵守当地法律法规,尊重知识产权,维护清朗的网络环境,人人有责**\n\n## 关于cloudflare(如已注册可以跳过)\n\n### 简介\n\n* 官网:[https://www.**cloudflare.com/**](https://www.cloudflare.com/)\n\n> 注意:Cloudflare是有官方中文的,在界面的右上角可以选择语言。\n\nCloudflare是一家国外的良心CDN加速服务提供商,最近他家的服务也是在不断扩展,并且难能可贵的是他家服务全部免费,并且免费限额非常之高。比如CDN就是纯免费并且没有流量限制的。而且用它的DNS也不容出现备案问题。\n\n我之前在freenom注册了几个免费域名,一开始是托管在dnspod,现在全部转移到cloudflare上面了。这里就简单讲讲怎么用上他的免费域名服务。\\~\\~至于worker这类更加复杂(灵活)的服务就靠大家自己探索了。\\~\\~顺便把worker和page也说一下。\n\n从官网注册之后,会跳转到转到[https://**dash.cloudflare.com/**](https://dash.cloudflare.com/),接下来的步骤都是在控制台进行的。\n\n### 开启worker\n\n可以将worker理解为cloudflare的一款serverless平台,这个平台的一大优点就是自带CDN。按照官方的说法:\n\n> 构建无服务器应用程序并在全球范围内即时部署,从而获得卓越的性能、可靠性和规模性。\n\n在控制面板主页左侧可以找到 `workers`。\n\n![](ipfs://bafkreihvw6gsbkkw7r4aendesx6jqkgjwa2jakqqem2lr3tnupe5idnxky)\n\n如图所示,中间可以创建服务,右侧显示每天的额度,如果只是搭建个人服务这些额度绰绰有余了。下方会显示所有已经搭建的服务。\n\n![](ipfs://bafkreihex4fs6e647klndvtkwp4e7o4hzzu6c74tt55uairfcc73ybdf3e)\n\n创建服务的界面,其实我们只要稍微配置一下这个服务名称,因为会涉及到之后访问的链接的问题:\n\n![](ipfs://bafkreiexwfjdjqb2kavuqkzusgy576xptn4qe6gbeg7mac2obn667dgdzi)\n\n这样我们的服务就搭建好了。但是如何进行代码编辑呢?等待部署完成,转到控制界面,可以找到右下角有一个快速编辑的按钮。\n\n![](ipfs://bafkreifyaswuvprlnymrdx6jnkwz6umpalwoputtxfcoctaeoinypnbmvu)\n\n在这里你就可以提交对于代码的修改了。关于 `Worker`的代码配置,我看了一下文档,感觉有点复杂,还是基于 `javascript`。推荐使用现成的代码实例。左边修改代码,下方部署,右侧可以选择预览窗口,以及打开链接。\n\n> 一般我们就打开这个窗口,把代码复制进去,保存部署,然后直接访问链接就好了。\n\n![](ipfs://bafkreihjlvjbnlw5hgpjuczgxr25hxnforbwbfncbbfstmuquv3whojlsy)\n\n## 代码\n\n原来是设置为Google的,我这里改成Github了。全部复制贴到 `worker`里面即可。\n\n```text\n// 你要镜像的网站.\nconst upstream = 'www.github.com'\n\n// 镜像网站的目录,比如你想镜像某个网站的二级目录则填写二级目录的目录名,镜像 google 用不到,默认即可.\nconst upstream_path = '/'\n\n// 镜像站是否有手机访问专用网址,没有则填一样的.\nconst upstream_mobile = 'www.github.com'\n\n// 屏蔽国家和地区.\nconst blocked_region = ['KP', 'SY', 'PK', 'CU']\n\n// 屏蔽 IP 地址.\nconst blocked_ip_address = ['0.0.0.0', '127.0.0.1']\n\n// 镜像站是否开启 HTTPS.\nconst https = true\n\n// 文本替换.\nconst replace_dict = {\n    '$upstream': '$custom_domain',\n    '//github.com': ''\n}\n\n// 以下保持默认,不要动\naddEventListener('fetch', event => {\n    event.respondWith(fetchAndApply(event.request));\n})\n\nasync function fetchAndApply(request) {\n\n    const region = request.headers.get('cf-ipcountry').toUpperCase();\n    const ip_address = request.headers.get('cf-connecting-ip');\n    const user_agent = request.headers.get('user-agent');\n\n    let response = null;\n    let url = new URL(request.url);\n    let url_hostname = url.hostname;\n\n    if (https == true) {\n        url.protocol = 'https:';\n    } else {\n        url.protocol = 'http:';\n    }\n\n    if (await device_status(user_agent)) {\n        var upstream_domain = upstream;\n    } else {\n        var upstream_domain = upstream_mobile;\n    }\n\n    url.host = upstream_domain;\n    if (url.pathname == '/') {\n        url.pathname = upstream_path;\n    } else {\n        url.pathname = upstream_path + url.pathname;\n    }\n\n    if (blocked_region.includes(region)) {\n        response = new Response('Access denied: WorkersProxy is not available in your region yet.', {\n            status: 403\n        });\n    } else if (blocked_ip_address.includes(ip_address)) {\n        response = new Response('Access denied: Your IP address is blocked by WorkersProxy.', {\n            status: 403\n        });\n    } else {\n        let method = request.method;\n        let request_headers = request.headers;\n        let new_request_headers = new Headers(request_headers);\n\n        new_request_headers.set('Host', url.hostname);\n        new_request_headers.set('Referer', url.hostname);\n\n        let original_response = await fetch(url.href, {\n            method: method,\n            headers: new_request_headers\n        })\n\n        let original_response_clone = original_response.clone();\n        let original_text = null;\n        let response_headers = original_response.headers;\n        let new_response_headers = new Headers(response_headers);\n        let status = original_response.status;\n\n        new_response_headers.set('access-control-allow-origin', '*');\n        new_response_headers.set('access-control-allow-credentials', true);\n        new_response_headers.delete('content-security-policy');\n        new_response_headers.delete('content-security-policy-report-only');\n        new_response_headers.delete('clear-site-data');\n\n        const content_type = new_response_headers.get('content-type');\n        if (content_type.includes('text/html') && content_type.includes('UTF-8')) {\n            original_text = await replace_response_text(original_response_clone, upstream_domain, url_hostname);\n        } else {\n            original_text = original_response_clone.body\n        }\n\n        response = new Response(original_text, {\n            status,\n            headers: new_response_headers\n        })\n    }\n    return response;\n}\n\nasync function replace_response_text(response, upstream_domain, host_name) {\n    let text = await response.text()\n\n    var i, j;\n    for (i in replace_dict) {\n        j = replace_dict[i]\n        if (i == '$upstream') {\n            i = upstream_domain\n        } else if (i == '$custom_domain') {\n            i = host_name\n        }\n\n        if (j == '$upstream') {\n            j = upstream_domain\n        } else if (j == '$custom_domain') {\n            j = host_name\n        }\n\n        let re = new RegExp(i, 'g')\n        text = text.replace(re, j);\n    }\n    return text;\n}\n\n\nasync function device_status(user_agent_info) {\n    var agents = [\"Android\", \"iPhone\", \"SymbianOS\", \"Windows Phone\", \"iPad\", \"iPod\"];\n    var flag = true;\n    for (var v = 0; v < agents.length; v++) {\n        if (user_agent_info.indexOf(agents[v]) > 0) {\n            flag = false;\n            break;\n        }\n    }\n    return flag;\n}\n```\n\n## 效果\n\n现在已经无法打开Google了,显示错误(被撸爆也是很正常的吧)。\n\n![](ipfs://bafkreigsetgw553zgurm3ta27em374kmn2wu5sovfx5foh3oyfsyid4paq)\n\n但是Github还是可以使用的:\n\n![](ipfs://bafkreiedbm5ga7sd6e7kurvoflmbfbaufhpi3l2cizyh37nzth5cs4jtda)\n\nDEMO:[GitHub: Where the world builds software · GitHub (kermshare.workers.dev)](https://kermgithub.kermshare.workers.dev/)\n\n可以下载,下载链接也被替换为了 `workers`的地址,速度还不错。\n\n```text\nhttps://kermgithub.kermshare.workers.dev/Fndroid/clash_for_windows_pkg/releases/download/0.19.1/Clash.for.Windows.Setup.0.19.1.exe\n```\n\n![](ipfs://bafkreigcezvydzt6433aupaftifvlpdgbbxiik3i4fbt3tkfqtfmr2g4la)\n\n## 关于.kermshare.workers.dev被污染,添加自定义域名 解决\n### 将需要的子域添加到Cloudflare的DNS记录中\n\n名称看你个人喜好,IP可以随便写,只要不是1.1.1.1就行(一些免费域名是无法设置这些特殊IP的)\n主要是**开启“代理状态”,让那朵云是橙色的**\n\n![image](ipfs://bafybeiautz34ewp7jmqlgu73mb6aphtlipwhrhcdicxh4d7xslhvyuoodu)\n\n\n### 给workers添加路由\n\n1. 点击添加路由\n\n![image](ipfs://bafkreifmdxtvz6lbjahmy4wlepbfqrg3kh7pahl352ukozixkyszbf3ms4)\n\n2. 把你刚才设置的子域填写到路由中比如 `api-cf.baidu.cf/*` ,服务选你需要设置自定义域名的workers,环境就选你需要的。\n\n![image](ipfs://bafkreib3hli676uevzu5mhzvpscxmtcs2vvk5sydwmhshza4spjnxxyij4)\n\n   注意图中的格式是:`域名/*`\n3. 然后就好了,你以后就可以使用 `api-cf.baidu.cf`去替代你原来的workers默认域名使用了。",
  "attributes": [
    {
      "value": "shi-yong-cloudflare-zhi-zuo--jing-xiang-zhan-",
      "trait_type": "xlog_slug"
    }
  ]
}