域名、解析、代理普通人也能看懂的反向代理实战OFIRM官网【顺带的了解了整个互联网的业务之路基】【此文的源头买了域名建站各种审差啥的关键内容太超前啦麻烦的紧呀那有没有一种可能直接把我的域名挂到博客上去呢肯定有花点小钱就能直接办到有没有免费的方法呢肯定有啦并且作为互联网小白通过一通实践你会对整个网络的底层来个充分的了解比如「域名、DNS解析、CDN代理」等等理解更加深刻哈哈】【顺带的了解了整个互联网的业务之路基】我买了一个自己的域名也有一个免费的博客比如Neocities、GitHub Pages能不能让别人输入我的域名时直接打开我的免费博客但地址栏永远显示我的域名不会跳转到平台的原始地址听起来像个魔术但只要你顺着互联网的底层逻辑一步步走这个想法不仅能实现还能让你彻底搞懂「域名、DNS、代理」这些听起来很玄乎的概念。我花了两个小时亲手把这个想法变成了现实。现在输入www.ofirm.org你看到的是我放在Neocities上的博客但地址栏里永远稳稳停着我的域名。这篇文章我会用最通俗的语言把整个过程和背后的原理讲清楚看完你也能照着做。一、最开始的踩坑原来我想的方法全错了最开始我以为这是个很简单的事不就是把域名指向博客地址吗结果试了三种方法全失败了。1. 301重定向最省事但也最没用我最先想到的就是域名注册商自带的「域名转发」功能。在NameSilo后台我把ofirm.org设置成301重定向到ofirm.neocities.org。效果确实有输入我的域名能打开博客。但问题也很致命地址栏会直接跳转到Neocities的原始地址。这根本不是我想要的效果我要的是「藏住源站地址」而不是「跳转到源站地址」。2. CNAME解析看起来对其实根本行不通然后我试了CNAME记录。在DNS设置里把www.ofirm.org解析成ofirm.neocities.org。我以为这样浏览器就会直接显示我的域名结果打开页面直接报了个403 Forbidden错误。为什么因为CNAME只是「指路」它告诉浏览器「你要找的www.ofirm.org其实就是ofirm.neocities.org」。但浏览器访问Neocities服务器时会带着一个叫Host的请求头告诉服务器「我是冲着www.ofirm.org来的」。Neocities服务器一看「我根本不认识这个域名啊」于是直接拒绝了访问。你必须在Neocities后台绑定你的域名它才会认。但很多免费平台根本不支持自定义域名或者需要付费才能用。3. Cloudflare Page Rules换了个地方跳转而已接着我又试了Cloudflare的Page Rules想在这里做个跳转。结果发现Page Rules的「Forwarding URL」本质上还是301重定向地址栏还是会变。折腾了一圈我才明白所有的「跳转」本质上都是告诉浏览器「去访问另一个地址」地址栏必然会变。想要地址栏不变必须用「反向代理」。二、关键突破反向代理到底是什么反向代理听起来很高大上其实原理特别简单。你可以把它想象成一个「隐形的搬运工」用户输入你的域名www.ofirm.org请求先发到Cloudflare的服务器Cloudflare的服务器在后台偷偷去ofirm.neocities.org把博客内容拉回来再把内容原封不动地返回给用户的浏览器整个过程用户的浏览器只和Cloudflare打交道根本不知道Neocities的存在所以地址栏永远显示你的域名。这就是我想要的效果域名是我的内容存在免费平台上别人看不到源站地址。而实现这个「隐形搬运工」最简单的工具就是Cloudflare Workers。它是Cloudflare提供的一个无服务器函数服务你可以写几行代码让它帮你处理所有请求。三、手把手实战10分钟搞定反向代理整个过程不需要写复杂的代码复制粘贴就能完成全程免费。第一步准备工作你有一个自己的域名在任何注册商买的都可以注册一个Cloudflare免费账号https://www.cloudflare.com第二步把域名接入Cloudflare登录Cloudflare点击「Add Site」输入你的域名选择「Free 免费套餐」继续下一步Cloudflare会自动扫描你现有的DNS记录确认无误后继续Cloudflare会给你两个NS服务器地址复制下来回到你的域名注册商后台把原来的NS服务器替换成这两个地址等待5-15分钟DNS生效后Cloudflare会提示你「域名已激活」第三步创建反向代理Worker在Cloudflare左侧菜单找到「Workers Pages」点击「Create Worker」选择「Start with Hello World!」给Worker起个名字比如neocities-proxy点击「Deploy」进入代码编辑界面把默认的Hello World代码全部删掉复制下面这段exportdefault{asyncfetch(request,env,ctx){// 目标博客地址改成你自己的consttargetHostofirm.neocities.org;consttargetUrlnewURL(request.url);targetUrl.hosttargetHost;// 转发请求到目标地址constmodifiedRequestnewRequest(targetUrl,{method:request.method,headers:request.headers,body:request.body,redirect:follow});// 获取目标地址的响应constresponseawaitfetch(modifiedRequest);// 修改响应删除可能导致跳转的头信息constmodifiedResponsenewResponse(response.body,response);modifiedResponse.headers.delete(Location);returnmodifiedResponse;},};点击右上角的「Save and Deploy」保存代码第四步把域名绑定到Worker回到Cloudflare的域名管理页面点击左侧菜单的「Workers Routes」点击「Add route」按下面的要求填写Route:www.ofirm.org/*把ofirm.org改成你自己的域名Worker: 选择你刚才创建的neocities-proxy再添加一条根域名的路由Route:ofirm.org/*Worker: 同样选择neocities-proxy第五步测试效果打开一个无痕浏览器窗口输入你的域名。你会发现页面正常加载了你的博客而地址栏里永远显示着你的域名。四、最后你发现其实搞懂了互联网的底层逻辑折腾完这一圈你会发现互联网其实一点都不神秘。域名就是互联网上的「门牌号」DNS解析就是「查门牌号的电话本」反向代理就是「帮你开门拿东西的管家」我们平时上网看到的只是浏览器地址栏里的一串字符但背后是无数个服务器在互相转发请求、传递数据。而这样的实战会让你亲手摸到这个过程的每一个环节。你看一个看起来很疯狂的想法只要顺着互联网的规则一步步走就能变成现实。技术从来都不是少数人的专利只要你愿意动手试试你也能玩出自己的花样。最后放一张最终的效果图地址栏是我的域名www.ofirm.org内容是Neocities上的博客完美实现了最初的设想。至于访问计数一直是1这种小问题根本不重要了。毕竟能把一个天马行空的想法变成现实这种爽感才是最珍贵的。【深度认知】东西方干这种工作的公司的对比两个小时的折腾让我直接把一个千亿级上市公司的核心商业模式给摸透了比看十篇研报都管用。用Cloudflare Worker做的事情就是xx科技每天在做的事情的微型版。一句话说透xx科技是干啥的我写了10行JavaScript代码在Cloudflare的一个节点上帮用户把请求偷偷转发到Neocities再把内容原封不动送回来地址栏不变。xx科技干的就是完全一样的事它在全球建了2800多个这样的节点中国就有2000多个它不是帮你一个人转发博客而是帮腾讯视频、爱奇艺、抖音、淘宝、京东转发所有用户的请求你看视频不卡、刷淘宝秒开、玩游戏不延迟背后很大概率都是xx科技在帮你“就近拿内容”我搭的是1个节点、1个用户、1个网站的反向代理xx科技做的是2800个节点、10亿用户、百万个网站的反向代理。本质上干的是完全一模一样的活。为什么xx科技能做成这么大的生意因为互联网的底层逻辑就是所有内容都需要有人帮忙“中转”。如果没有xx科技这样的CDN公司你看腾讯视频所有请求都要跑到深圳的腾讯总部服务器全国几亿人同时看服务器直接炸了你在新疆刷抖音要从北京的字节服务器拉视频延迟能有1秒根本没法看你海淘亚马逊要从美国的服务器拉商品图片加载一页要10秒xx科技的作用就是把这些视频、图片、文件提前缓存到离你最近的城市的节点上。你看视频的时候不是从深圳拉而是从你家楼下的xx节点拉自然就不卡了。这就是CDN内容分发网络的本质把内容搬到离用户最近的地方。xx科技 vs Cloudflare两个孪生兄弟走了不同的路同时用过Cloudflare和理解了xx科技就能一眼看出它们的区别对比项xx科技Cloudflare核心市场中国本土东南亚出海竞争对手多挺激烈的市场搏杀全球市场最强项视频CDN、直播加速网络安全、边缘计算节点模式重资产自建厚节点单个节点算力强轻资产软件定义瘦节点靠中央调度客户群体腾讯、阿里、字节等大厂政企个人开发者中小企业全球客户免费服务几乎没有全是企业级付费个人版完全免费靠高级功能赚钱简单说xx科技是中国互联网的“水管工”负责把国内的流量跑通跑顺Cloudflare是全球互联网的“保安兼搬运工”负责帮全世界的网站加速和防攻击最有意思的是它们现在都在干同一件事原来的CDN只是“搬内容”现在它们都在把自己的节点升级成“边缘算力节点”。我用的Cloudflare Worker就是在Cloudflare的边缘节点上跑代码xx科技现在也在把它的2800个CDN节点全部装上GPU变成边缘AI推理节点。以后你用ChatGPT不用跑到美国的OpenAI服务器直接从你家楼下的xx节点就能拿到回答延迟能从几百毫秒降到几十毫秒。这就是为什么现在资本市场突然又开始炒xx科技了同样的公司都炒千万别无脑去追节奏很重要——原来大家以为它只是个“搬视频的”现在发现它手里握着全中国最密的边缘算力网络是AI时代的“卖水人”我要是出手他们跟英WD一样都得瞬间over哈哈。最后再说这次实战你看技术从来都不是什么高深莫测的东西。一个千亿级的上市公司它的核心业务逻辑我用10行代码、一两个小时就能亲手摸索复刻出来。我不是在“折腾一个博客”我是在亲手拆解互联网的底层运行机制。当别人还在说“CDN就是加速的”的时候我已经亲手写过一个反向代理知道它每一步是怎么跑的知道它为什么能加速知道它的边界在哪里。这种“从0到1亲手跑通”的认知是任何书本和教程都给不了你的。本作品著作权归作者本人所有。✅ 允许非商业目的的全文完整复制、转载、分享传播❌ 禁止任何形式的改编、删减、篡改、拼接、截取片段使用、商用变现、二次授权⚠️ 转载 / 复制时必须完整保留作者署名、本版权声明及原文链接违者将依法追究法律责任。