MogFace WebUI内网穿透方案实现本地服务的公网访问你是不是也遇到过这样的场景在本地电脑上成功部署了MogFace WebUI看着它运行得挺好想给同事或者客户临时演示一下效果或者自己出门在外想用手机访问一下结果发现——根本连不上。因为你的服务跑在localhost:7860上只有你自己的电脑能访问。别急这个问题有个非常成熟的解决方案就是“内网穿透”。简单来说它就像给你的本地服务装了一个“对外公开的电话号码”让外面的人也能打进来。今天我就来手把手带你用最主流、最稳定的工具之一把本地的MogFace WebUI安全地“暴露”到公网上实现随时随地访问。整个过程不复杂你不需要有公网IP也不需要去折腾路由器跟着步骤走半小时内就能搞定。1. 内网穿透到底是什么在开始动手之前我们先花两分钟把“内网穿透”这个听起来有点技术性的词用大白话讲明白。你可以把你的家庭或公司网络想象成一个封闭的小区。你的电脑运行着MogFace WebUI就是小区里的一栋房子门牌号是192.168.1.100:7860。这个地址只在小区内部有效快递员外网用户在小区外面是找不到这个门牌号的。内网穿透工具比如我们今天要用的frp在这里扮演了两个角色一个设在小区外的“接待处”服务端也叫Server这个接待处有一个对公开放的地址公网IP和域名所有人都能找到。一个住在你家里的“传话员”客户端也叫Client它会主动和外面的“接待处”保持联系。当外面的用户想访问你的MogFace时流程是这样的用户访问“接待处”的公网地址。“接待处”立刻通知家里的“传话员”“有人找你”“传话员”把用户的请求原封不动地转交给本地的MogFace WebUIlocalhost:7860。MogFace处理完请求生成结果再通过“传话员”和“接待处”这条通道返回给外面的用户。这样一来用户感觉就像直接访问了一个公网网站但实际上所有的计算和处理都在你的本地电脑上完成。数据不经过第三方服务器如果你自己搭建服务端的话安全可控非常适合临时演示、远程调试和移动端访问。2. 准备工作选择与下载frp市面上内网穿透工具有不少比如 ngrok方便但有限制、花生壳有免费版、frp灵活自由。我们选择frp因为它开源、免费、配置灵活并且性能稳定是很多开发者的首选。你需要准备两样东西一台具有公网IP的服务器作为“接待处”frps服务端。这可以是云服务商如腾讯云、阿里云、AWS购买的最低配云服务器月成本也就几十块钱。这是必须的因为你需要一个所有人都能访问的固定地址。你的本地开发电脑运行MogFace WebUI和“传话员”frpc客户端。第一步下载frp去frp的GitHub发布页面根据你的服务器和本地电脑的操作系统下载对应的版本。比如你的服务器是Linux 64位本地电脑是Windows 64位你就需要下载两个文件用于服务器的frp_0.xx.0_linux_amd64.tar.gz用于本地电脑的frp_0.xx.0_windows_amd64.zip把服务器版本上传到你的云服务器本地版本解压到你的电脑上某个方便找的文件夹比如D:\frp。3. 配置服务器端frps现在我们来设置“接待处”。通过SSH连接到你的云服务器。1. 解压并进入目录tar -zxvf frp_0.xx.0_linux_amd64.tar.gz cd frp_0.xx.0_linux_amd64你会看到一堆文件我们主要关心frps服务端程序和frps.toml服务端配置文件。frp新版本推荐使用TOML格式配置。2. 编辑配置文件vi frps.toml按i进入编辑模式写入以下基础配置bindPort 7000 auth.method token auth.token your_secure_token_here webServer.addr 0.0.0.0 webServer.port 7500 webServer.user admin webServer.password adminbindPort 7000: 这是“传话员”客户端用来连接“接待处”的端口保持默认即可。auth.token: 这是连接密码请务必把它your_secure_token_here换成你自己设定的一串复杂字符串这是安全的关键。webServer相关配置这是frp自带的监控面板可以通过浏览器访问http://你的服务器IP:7500用上面设置的用户名密码登录查看连接状态。非必需但建议开启方便排查问题。编辑完成后按ESC然后输入:wq保存退出。3. 启动frp服务端最简单的方式是直接运行./frps -c ./frps.toml如果看到类似“frps started successfully”的日志说明服务端已经在7000端口监听了。为了让服务在后台持续运行推荐使用systemd来管理以Ubuntu为例创建服务文件sudo vi /etc/systemd/system/frps.service写入以下内容注意修改ExecStart的路径为你实际存放frps的路径[Unit] DescriptionFrp Server Service Afternetwork.target [Service] Typesimple Usernobody Restarton-failure RestartSec5s ExecStart/path/to/your/frps -c /path/to/your/frps.toml [Install] WantedBymulti-user.target然后执行sudo systemctl daemon-reload sudo systemctl start frps sudo systemctl enable frps # 设置开机自启现在你的“接待处”已经7x24小时稳定运行了。4. 配置本地客户端frpc接下来配置你本地的“传话员”。在你本地电脑的frp解压目录下如D:\frp找到frpc.exeWindows或frpcLinux/Mac和frpc.toml。1. 编辑frpc.toml配置文件用记事本或其他编辑器打开写入以下配置serverAddr 你的云服务器公网IP serverPort 7000 auth.method token auth.token your_secure_token_here # 必须和服务器端设置的一致 [[proxies]] name mogface-webui type tcp localIP 127.0.0.1 localPort 7860 # MogFace WebUI默认端口 remotePort 6000 # 在服务器上开启的端口号用户将通过这个端口访问serverAddr: 填写你云服务器的公网IP地址。auth.token: 必须和服务器配置文件里设置的完全一致。[[proxies]]: 这是一个代理配置块。name: 给这个穿透服务起个名字比如mogface-webui。type: 连接类型对于Web服务通常用tcp或http。tcp更通用。localIP和localPort: 你本地服务的地址就是MogFace WebUI运行的地址通常是127.0.0.1:7860。remotePort:这是关键你需要在服务器防火墙安全组中放行这个端口如6000。外网用户将通过http://你的服务器IP:6000来访问你的本地MogFace。2. 启动frp客户端打开命令行CMD或PowerShell进入frp所在目录执行./frpc -c ./frpc.toml如果连接成功你会看到类似“proxy [mogface-webui] start success”的提示。同时在服务器的监控面板http://服务器IP:7500上也能看到活跃的连接。同样你也可以将客户端配置为后台服务或开机启动这里以Windows创建计划任务为例简化步骤打开“任务计划程序”创建基本任务。触发器设为“计算机启动时”。操作为“启动程序”程序或脚本选择frpc.exe的完整路径参数填写-c D:\frp\frpc.toml你的配置文件路径。完成即可。5. 访问测试与安全提醒配置完成后激动人心的测试时刻到了确保你的MogFace WebUI正在本地正常运行http://localhost:7860可以访问。确保frp客户端已成功连接命令行无报错。打开你另一台不在同一局域网的设备比如用手机4G/5G网络在浏览器中输入http://你的云服务器公网IP:6000如果一切顺利你应该能看到和本地一模一样的MogFace WebUI界面这意味着内网穿透成功了。重要安全提醒强密码/Token务必使用复杂且唯一的Token不要使用示例中的默认值。防火墙安全组在云服务器控制台只开放必要的端口。本例中你需要开放7000frp通信、7500监控面板可选、6000你的MogFace服务。其他端口一律关闭。仅限临时使用内网穿透主要为了演示和调试。如果需长期提供公开服务应考虑更专业的Web服务器如Nginx配置、HTTPS加密SSL证书、域名绑定和更严格的安全策略。监控连接定期通过frp的监控面板7500端口检查是否有异常连接。6. 总结走完这一趟你会发现让本地MogFace WebUI被公网访问其实并没有想象中那么神秘和困难。核心就是利用frp这类工具在公网服务器和本地服务之间搭建一条稳定的“隧道”。整个过程的关键步骤就三步准备一台有公网IP的服务器分别配置好服务端和客户端的配置文件最后放行对应的防火墙端口。一旦配置成功你就能获得一个临时的公网访问地址极大地方便了协作演示、远程测试和移动端使用。自己动手搭一遍不仅能解决眼前的问题这套方法也完全适用于你未来其他任何本地开发的服务比如一个临时的API接口、一个内部的管理后台。工具是死的思路是活的掌握了内网穿透这个“魔法”你的开发调试方式会灵活很多。快去试试吧成功之后的那种“通了”的成就感还是挺棒的。获取更多AI镜像想探索更多AI镜像和应用场景访问 CSDN星图镜像广场提供丰富的预置镜像覆盖大模型推理、图像生成、视频生成、模型微调等多个领域支持一键部署。