使用CloudFlare Worker 免费部署 JSProxy 服务
本教程仅仅用于学习交流使用
Cloudflare Workers
官方介绍:
在边缘运行代码,提供强大的 Web 可扩展性
在边缘应用自定义安全规则和过滤逻辑来检测恶意 Bots 病毒并防止它们消耗资源,从而提高安全性。
将更多个性化和交互性纳入静态 HTML 页面,并在边缘运行动态请求,从而改善用户体验。
将更多操作流程和请求处理转移到边缘,以提高缓存命中率并降低带宽成本,从而降低运营成本。
简单的说就是你不用服务器就可以运行你的代码.
不必担心服务器成本,僵尸流量攻击或部署服务器资源与架构,您可以直接编写代码,开发程序服务。
可以使用的工具:
- 运行任何JavaScript代码,使用最新的标准语言特性;
- 拦截并修改HTTP请求,响应URL、状态、头信息和正文;
- 直接从Worker响应请求,或者转发到其他地方;
- 把HTTP请求发送给第三方服务器;
- 串行或并行发送多个请求,把这些请求的响应组合成原始请求的最终响应;
- 在响应返回给客户端以后发送异步请求(例如,记录日志或分析);
- 控制其他Cloudflare特性,比如缓存行为。
- 等...
免费版支持每天10 万次免费请求,日常使用基本够了。
使用教程
没有 Cloudflare 账号的提前注册一个
打开 https://workers.cloudflare.com ,登录上你的 Cloudflare 账号激活 Workers 服务
然后点击 Create a Worker 创建一个,具体说明看图
在 script 左侧代码区,编写完毕后,点击Save and Deploy 保存并部署下,就可以查看你的服务了。
域名格式:https://自定义的名称.Cloudflare用户名.workers.dev
jsproxy
jsproxy 是一个基于浏览器端 JS 实现的在线代理
部署代理
我们需要配合上面创建的 Cloudflare Workers 实现代理
我们需要将 jsproxy
的代码复制到 你创建的 Cloudflare Workers
的 script
里,然后保存部署。
代码地址:https://github.com/EtherDream/jsproxy/blob/master/cf-worker/index.js (文章下面有代码备份)
预览下:
自定义域名
如果使用自定义域名,需要配置一个域名CNAME解析绑定:xxx.workers.dev
,并开启CDN,即点亮黄云图标
最后:浏览网站的时候,有时候会提示加载不安全脚本,点击允许即可!另外jsproxy
也可以使用github pages
实现在线代理,这里不多介绍。
代码备份
'use strict' /** * static files (404.html, sw.js, conf.js) */ const ASSET_URL = 'https://etherdream.github.io/jsproxy' const JS_VER = 10 const MAX_RETRY = 1 /** @type {RequestInit} */ const PREFLIGHT_INIT = { status: 204, headers: new Headers({ 'access-control-allow-origin': '*', 'access-control-allow-methods': 'GET,POST,PUT,PATCH,TRACE,DELETE,HEAD,OPTIONS', 'access-control-max-age': '1728000', }), } /** * @param {any} body * @param {number} status * @param {Object<string, string>} headers */ function makeRes(body, status = 200, headers = {}) { headers['--ver'] = JS_VER headers['access-control-allow-origin'] = '*' return new Response(body, {status, headers}) } /** * @param {string} urlStr */ function newUrl(urlStr) { try { return new URL(urlStr) } catch (err) { return null } } addEventListener('fetch', e => { const ret = fetchHandler(e) .catch(err => makeRes('cfworker error:\n' + err.stack, 502)) e.respondWith(ret) }) /** * @param {FetchEvent} e */ async function fetchHandler(e) { const req = e.request const urlStr = req.url const urlObj = new URL(urlStr) const path = urlObj.href.substr(urlObj.origin.length) if (urlObj.protocol === 'http:') { urlObj.protocol = 'https:' return makeRes('', 301, { 'strict-transport-security': 'max-age=99999999; includeSubDomains; preload', 'location': urlObj.href, }) } if (path.startsWith('/http/')) { return httpHandler(req, path.substr(6)) } switch (path) { case '/http': return makeRes('请更新 cfworker 到最新版本!') case '/ws': return makeRes('not support', 400) case '/works': return makeRes('it works') default: // static files return fetch(ASSET_URL + path) } } /** * @param {Request} req * @param {string} pathname */ function httpHandler(req, pathname) { const reqHdrRaw = req.headers if (reqHdrRaw.has('x-jsproxy')) { return Response.error() } // preflight if (req.method === 'OPTIONS' && reqHdrRaw.has('access-control-request-headers') ) { return new Response(null, PREFLIGHT_INIT) } let acehOld = false let rawSvr = '' let rawLen = '' let rawEtag = '' const reqHdrNew = new Headers(reqHdrRaw) reqHdrNew.set('x-jsproxy', '1') // 此处逻辑和 http-dec-req-hdr.lua 大致相同 // https://github.com/EtherDream/jsproxy/blob/master/lua/http-dec-req-hdr.lua const refer = reqHdrNew.get('referer') const query = refer.substr(refer.indexOf('?') + 1) if (!query) { return makeRes('missing params', 403) } const param = new URLSearchParams(query) for (const [k, v] of Object.entries(param)) { if (k.substr(0, 2) === '--') { // 系统信息 switch (k.substr(2)) { case 'aceh': acehOld = true break case 'raw-info': [rawSvr, rawLen, rawEtag] = v.split('|') break } } else { // 还原 HTTP 请求头 if (v) { reqHdrNew.set(k, v) } else { reqHdrNew.delete(k) } } } if (!param.has('referer')) { reqHdrNew.delete('referer') } // cfworker 会把路径中的 `//` 合并成 `/` const urlStr = pathname.replace(/^(https?):\/+/, '$1://') const urlObj = newUrl(urlStr) if (!urlObj) { return makeRes('invalid proxy url: ' + urlStr, 403) } /** @type {RequestInit} */ const reqInit = { method: req.method, headers: reqHdrNew, redirect: 'manual', } if (req.method === 'POST') { reqInit.body = req.body } return proxy(urlObj, reqInit, acehOld, rawLen, 0) } /** * * @param {URL} urlObj * @param {RequestInit} reqInit * @param {number} retryTimes */ async function proxy(urlObj, reqInit, acehOld, rawLen, retryTimes) { const res = await fetch(urlObj.href, reqInit) const resHdrOld = res.headers const resHdrNew = new Headers(resHdrOld) let expose = '*' for (const [k, v] of resHdrOld.entries()) { if (k === 'access-control-allow-origin' || k === 'access-control-expose-headers' || k === 'location' || k === 'set-cookie' ) { const x = '--' + k resHdrNew.set(x, v) if (acehOld) { expose = expose + ',' + x } resHdrNew.delete(k) } else if (acehOld && k !== 'cache-control' && k !== 'content-language' && k !== 'content-type' && k !== 'expires' && k !== 'last-modified' && k !== 'pragma' ) { expose = expose + ',' + k } } if (acehOld) { expose = expose + ',--s' resHdrNew.set('--t', '1') } // verify if (rawLen) { const newLen = resHdrOld.get('content-length') || '' const badLen = (rawLen !== newLen) if (badLen) { if (retryTimes < MAX_RETRY) { urlObj = await parseYtVideoRedir(urlObj, newLen, res) if (urlObj) { return proxy(urlObj, reqInit, acehOld, rawLen, retryTimes + 1) } } return makeRes(res.body, 400, { '--error': `bad len: ${newLen}, except: ${rawLen}`, 'access-control-expose-headers': '--error', }) } if (retryTimes > 1) { resHdrNew.set('--retry', retryTimes) } } let status = res.status resHdrNew.set('access-control-expose-headers', expose) resHdrNew.set('access-control-allow-origin', '*') resHdrNew.set('--s', status) resHdrNew.set('--ver', JS_VER) resHdrNew.delete('content-security-policy') resHdrNew.delete('content-security-policy-report-only') resHdrNew.delete('clear-site-data') if (status === 301 || status === 302 || status === 303 || status === 307 || status === 308 ) { status = status + 10 } return new Response(res.body, { status, headers: resHdrNew, }) } /** * @param {URL} urlObj */ function isYtUrl(urlObj) { return ( urlObj.host.endsWith('.googlevideo.com') && urlObj.pathname.startsWith('/videoplayback') ) } /** * @param {URL} urlObj * @param {number} newLen * @param {Response} res */ async function parseYtVideoRedir(urlObj, newLen, res) { if (newLen > 2000) { return null } if (!isYtUrl(urlObj)) { return null } try { const data = await res.text() urlObj = new URL(data) } catch (err) { return null } if (!isYtUrl(urlObj)) { return null } return urlObj }
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
应用案例:连接阿里IoT之温湿度检测
目录: 实现功能 所需设备 AliIOT物联网平台配置 设备连接(EW11/EG11) 设备调试 设备WEB应用开发 设备运维大屏展示 完整文档:[点此下载](链接地址http://www.hi-flying.com/download-center-1/application-notes-1/download-item-industry-products-application-manual)实现功能:Elfin-EW11/EG11通过RS485端口连接一个温湿度传感器,读取温度、湿度数据上传到阿里云IOT平台并在WEB网页上展示出来。具体如下: EW11/EG11主动读取温湿度传感器的温湿度值 EW11/EG11将读取的温湿度数值传输到阿里IoT云端 IoT云端数据以Web方式展示出来 使用设备: 1、Elfin-EW11(配RJ45转4Pin端子):
- 下一篇
百度超级链发布全新产品矩阵与生态合作计划,让信任的链接更加便捷
3月25日,百度超级链新品及生态合作计划云端发布会通过云端直播的形式召开,会上重磅推出最新产品矩阵包括百度超级链专业版、开放网络等,并发布生态伙伴合作计划。百度超级链致力于让信任的链接更加便捷,全面打通技术、产品、生态,降低区块链使用门槛,推动行业发展,同时赋能更多行业生态合作伙伴,实现多元共赢。 行业领先,完全自主知识产权的区块链技术 百度完全自主知识产权的区块链解决方案XuperChain3.0,拥有200多篇技术专利,具有创新的超级节点架构、链内并行技术、可回归侧链技术及平行链管理等区块链底层技术,在技术和结构的设计上具备安全、可管、可控的特点,形成了完备的安全管理体系。 XuperChain秉承“轻、快、稳、易”的设计理念,拥有自研数据模型和虚拟机,化简为繁,框架更轻便,组件可插拔;唯“快”不破,单链8.7wTPS,计算能力突破单核、单机的边界;数据安全可靠,隐私被充分保护,是可监管的主权区块链;同时支持主流开发语言、SDK内置跨链原语以及7x24小时技术支持,可支撑金融、广告、溯源等多领域商业化场景落地,更能够满足海量数据涌现下用户对区块链网络提出的更高要求。 XuperCh...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- Linux系统CentOS6、CentOS7手动修改IP地址
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS8编译安装MySQL8.0.19
- CentOS7,CentOS8安装Elasticsearch6.8.6
- SpringBoot2整合Redis,开启缓存,提高访问速度
- Red5直播服务器,属于Java语言的直播服务器
- CentOS6,CentOS7官方镜像安装Oracle11G
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池