前端时间,JSD挂了一会,国内无法访问了,导致了博客都不发访问,但是那么多js和css文件,以及文章的很多picture都是放在github上由JSD代理的,所以在网上搜索众多方法后选择了做一个零成本的JSD反向代理。虽然是很早之前的事了,但是还是想拿出来水一水文章,顺便做一个备忘
在Cloudflare上创建Workers
部署Workers服务
在创建的Workers中点击快速编辑并键入以下代码
const upstream = 'cdn.jsdelivr.net'
const upstream_mobile = 'cdn.jsdelivr.net' const blocked_region = ['KP','RU'] const blocked_ip_address = ['0.0.0.0', '127.0.0.1']
const allow_referer = ['https://www.imbai.cn/','https://imbai.cn/'] const replace_dict = { '$upstream': '$custom_domain', '//cdn.jsdelivr.net': '' }
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'); const referer = request.headers.get('Referer'); let response = null; let url = new URL(request.url); let url_host = url.host; if (url.protocol == 'http:') { url.protocol = 'https:' response = Response.redirect(url.href); return response; } if (await device_status(user_agent)) { upstream_domain = upstream } else { upstream_domain = upstream_mobile } url.host = upstream_domain; 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 if(!allow_referer.includes(referer)){ response = new Response('Your referer is not allowed!',{ 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', upstream_domain); new_request_headers.set('Referer', url.href); 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_host); } 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; }
|
将自己的域名部署到workers上
创建完Workers服务后,会分配到一个xxx.xxx.workers.dev
的域名,由于某种原因,这个域名在国内似乎不能访问,或者访问速度很慢,所以建议加上自己的域名用作代理。
将域名CNAME
解析到分配的域名
在触发器中添加路由,域名/*
这样一个JSD反向代理就部署完成,根据这段代码,你也可以部署其他的反向代理服务,以及修改对应的url请求。
之前由于学校BB平台的图片访问需要认证,但是微信小程序没有为图片添加认证的方法,于是尝试过用这个方法修改请求代理,但是学校的https服务似乎有点问题,导致cf与学校服务器握手失败,最后以失败告终,去用了nginx反向代理(恼)
更多的反向代理姿势可以参考:
使用CloudFlare Workers反代网站 | So导航 (sonav.net)