{"id":12750,"date":"2019-12-31T23:37:13","date_gmt":"2019-12-31T15:37:13","guid":{"rendered":"http:\/\/4563.org\/?p=12750"},"modified":"2019-12-31T23:37:13","modified_gmt":"2019-12-31T15:37:13","slug":"%e5%88%a9%e7%94%a8-cloudflare-%e5%86%99%e4%ba%86%e4%b8%aa%e4%b8%8b%e8%bd%bd%e8%be%85%e5%8a%a9%e5%b7%a5%e5%85%b7","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=12750","title":{"rendered":"\u5229\u7528 cloudflare \u5199\u4e86\u4e2a\u4e0b\u8f7d\u8f85\u52a9\u5de5\u5177"},"content":{"rendered":"

\u5229\u7528 cloudflare \u5199\u4e86\u4e2a\u4e0b\u8f7d\u8f85\u52a9\u5de5\u5177<\/h1>\n

?<\/b><\/i> Demo link\uff1ahttps:\/\/proxy.onesrc.workers.dev<\/a><\/p>\n

\u4e0b\u8f7d\u8d70 Cloudflare\uff0c\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0cmime \u54cd\u5e94\u4e0e\u539f\u94fe\u63a5\u4e00\u81f4\u3002\u4e0d\u652f\u6301\u975e\u76f4\u94fe\u4e0b\u8f7d\uff0c\u4e0d\u652f\u6301\u91cd\u5b9a\u5411\u3002\u76ee\u524d\u4f5c\u8005\u53ea\u5b9e\u73b0\u4e86\u7b80\u5355\u7684\u4e0b\u8f7d\u529f\u80fd\uff0c\u5982\u679c\u60f3\u8981\u7f8e\u5316\u7f51\u9875\u53ef\u4ee5\u81ea\u5df1\u52a8\u624b<\/p>\n

\u672c\u5de5\u5177\u4e5f\u662f Workers \u7684\u4e00\u4e2a\u5b9e\u7528\u5b9e\u8df5\uff0c\u53ef\u4ee5\u89e3\u51b3\u5728\u65e0\u4ee3\u7406\u7535\u8111\u4e0a\u4e0b\u8f7d Github \u7b49\u6162\u7684\u95ee\u9898\u3002<\/p>\n

=================================================<\/p>\n

\u7b80\u5355\u8bf4\u660e<\/h2>\n

demo:<\/p>\n

https:\/\/proxy.onesrc.workers.dev\/<\/a><\/p>\n

\u4e0b\u8f7d\u8d70 cloudflare\uff0c\u652f\u6301\u65ad\u70b9\u7eed\u4f20\uff0cmime \u54cd\u5e94\u4e0e\u539f\u94fe\u63a5\u4e00\u81f4\u3002<\/p>\n

\u4f46\u4e0d\u652f\u6301\u975e\u76f4\u94fe\u4e0b\u8f7d\u3002<\/p>\n

\u4f8b\u5982 Github \u4e0b\u8f7d\u901f\u5ea6\u8fc7\u6162\uff0c\u53ef\u4f7f\u7528\u672c\u5de5\u5177\u52a0\u901f\u3002<\/p>\n

\u4ee3\u7801\u793a\u4f8b<\/h2>\n
addEventListener('fetch', event => {\r\n    event.respondWith(handleRequest(event.request))\r\n})\r\n\r\nconst html = `\r\n  <html<\/span>><\/span><head<\/span>><\/span><\/head<\/span>><\/span><body<\/span>><\/span>\r\n  <input<\/span> type<\/span>=\"url\"<\/span> placeholder<\/span>=\"url\"<\/span> id<\/span>=\"url\"<\/span> style<\/span>=\"width: 80%; display: block;\"<\/span>><\/span>\r\n  <input<\/span> type<\/span>=\"submit\"<\/span> id<\/span>=\"submit\"<\/span> value<\/span>=\"submit\"<\/span>\/><\/span>\r\n  <div<\/span> id<\/span>=\"res\"<\/span>><\/span><\/div<\/span>><\/span>\r\n  <a<\/span> id<\/span>=\"a\"<\/span> href<\/span>=\"\"<\/span>><\/span><\/a<\/span>><\/span>\r\n  <div<\/span>><\/span>\u6ce8:\u8be5\u5de5\u5177\u53ea\u9488\u5bf9\u76f4\u94fe\u6709\u6548<\/div<\/span>><\/span>\r\n  <script<\/span>><\/span>\r\n  document<\/span>.getElementById('submit'<\/span>).onclick=function<\/span>()<\/span>{\r\n      let<\/span> url  = document<\/span>.getElementById('url'<\/span>).value;\r\n      console<\/span>.log('url: '<\/span>+url);\r\n      let<\/span> a = document<\/span>.getElementById('a'<\/span>);\r\n      let<\/span> div = document<\/span>.getElementById('res'<\/span>);\r\n      if<\/span>(!url || !url.startsWith('http'<\/span>)){\r\n          div.textContent=\"\u94fe\u63a5\u4e0d\u5408\u6cd5: \"<\/span>+url;\r\n          a.style=\"display:none\"<\/span>;\r\n      }else<\/span>{\r\n          div.textContent=\"\"<\/span>;\r\n          let<\/span> res = (new<\/span> URL(window<\/span>.location.href)).origin+'?url='<\/span>+encodeURIComponent<\/span>(url);\r\n          a.textContent=res;\r\n          a.href=res;\r\n          a.style=\"\"<\/span>;\r\n      }\r\n  }\r\n  <\/span><\/script<\/span>><\/span>\r\n  <\/body<\/span>><\/span><\/html<\/span>><\/span>`;\r\n\r\n\/**\r\n * Respond to the request\r\n * @param {Request} request\r\n *\/\r\nasync function handleRequest(request) {\r\n    let url = (new URL(request.url)).searchParams.get('url');\r\n    if (!url) {\r\n        return new Response(html, { status: 200, headers: { 'Content-Type': 'text\/html; charset=utf-8' } });\r\n    }\r\n    let r = request.headers.get('Range');\r\n    console.log(r);\r\n    return await fetch(url, {\r\n        headers: {\r\n            range: r || 'bytes=0-'\r\n        }\r\n    });\r\n}<\/code><\/pre>\n
\u5176\u4ed6\u8bf4\u660e<\/h2>\n
    \n
  • ui \u6bd4\u8f83\u7b80\u964b\uff0c\u53ef\u81ea\u5df1\u4fee\u6539\u89e3\u51b3\u3002<\/li>\n
  • \u4e0d\u652f\u6301\u91cd\u5b9a\u5411\uff0c\u5982\u9700\u8981\u81ea\u5df1\u6dfb\u52a0\u3002<\/li>\n
  • \u4f7f\u7528\u672c\u5de5\u5177\u4ec5\u4f9b\u5b66\u4e60\u4ea4\u6d41\u4f7f\u7528\u3002<\/li>\n<\/ul>\n
     <\/p>\n","protected":false},"excerpt":{"rendered":"
    \u5229\u7528 cloudflare \u5199\u4e86\u4e2a…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/12750"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12750"}],"version-history":[{"count":1,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/12750\/revisions"}],"predecessor-version":[{"id":12774,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/12750\/revisions\/12774"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12750"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}