通过内网穿透将我本地网站给他人即时预览
引言
我是一个前端开发工程师,自己经常接一些小项目帮中心企业开发一些小网站,在开发过程中,需要经常将未开发完的本地开发站点给客户预览查看网站的效果是否满足,我的网络环境没有固定公网IP,并且我对运维部署这块不太懂,通过公有云部署时常遇到问题,所以几乎每次都是让客户远程桌面到我电脑查看网站效果,这样极其占用我的时间,有没有一种不用部署、不用远程桌面,也能让他人通过互联网预览我本地站点的方法?
内网穿透即时预览
有次在跟朋友聊天的时候,他提到说可以用内网穿透的方式将本地网站代理到公网上,以给他们查看预览,没有网络环境限制,没有公网IP要求;然后我测试了几家内网穿透,发现 ZeroNews 的内网穿透简单好用,我还可以定义站点的域名,当我同时开发多个项目时,我给每个项目分配一个域名,这样不同客户都能查看属于他的网站,非常适合个人及企业开发者!!!
我的本地网站穿透步骤
第一步:在开发机上运行 ZeroNews 客户端,我的是windows电脑,ZeroNews同时支持 macos / linux 开发环境
1、 首先客户端生成 认证Token
登录 ZeroNews 平台,在 "设备" 菜单中找到 Token 页面,添加 Token,然后将其复制备用,以及查看可分配的网络区域。
2、 用户访问 ZeroNews 官网的客户端下载页面,下载 windows 客户端压缩包
3. 解压ZeroNews Windows压缩包,双击 ZeroNews.exe 程序,弹窗 ZeroNews 命令行控制台界面。
4. 在ZeroNews 命令行控制台界面,绑定Token,设置区域并启动
1、 设置 Token:zeronews set-token YOUR_TOKEN(复制前面生成好的Token)
2、 设置网络区域:zeronews set-area 420
3、 启动ZeroNews:zeronews start
第二步: 分配ZeroNews 域名及端口
1、 在资源/域名页面,为本地开发Web站点分配ZeroNews公网域名及固定公网端口。
(1) 点击“添加域名”按键
(2) 在弹出的新增域名框里选择刚配置生效的设备名称
(3) 在域名前缀输入框里,输入对应的公网域名,例如:localhost
(4)点击“继续” 分配公网端口资源, 勾选 "HTTP", 点击"确认"完成
第三步: 为本地站点添加映射
1、 在"应用"管理页面,先添加 站点 应用
(1) 选择应用页面
(2) 点击“添加应用”按键
(3) 在弹窗里输入应用名称,例如“开发预览”
2、应用添加完成后,在应用详情中点击 "添加映射" 添加站点映射
1、 在弹出的窗口里,选择映射协议为“HTTP”
2、 选择刚配置的公网访问地址,localhost.south.takin.cc:80
3、 输入合适的映射带宽,例如2Mbps
4、 内网地址:默认为 127.0.0.1,表示当前开发本机,端口输入本地站点的端口号,如80
5、 点击“确认”按键
本地站点映射添加完成后,在应用的映射列表中可查看映射的访问地址
到此为止,就可以将访问域名地址分享给客户进行即时预览,然后可以根据及时根据客户反馈修改意见进行即时修改,客户几乎不用等待,就能查看修改后效果,极大的提升了我的开发效率,也省去了部署的麻烦。
有什么问题都可以评论区留言, 看见都会回复的
如果你觉得本篇文章对你有所帮助,把"文章有帮助的"打在评论区
多多支持,谢谢。
小楼0000
校验提示文案
Enzoo
校验提示文案
稀土霸王
校验提示文案
麦兜1100
校验提示文案
来自火星的懒牛
校验提示文案
anymango
校验提示文案
cutesun
校验提示文案
motorbottle
校验提示文案
HLAB
校验提示文案
motorbottle
校验提示文案
cutesun
校验提示文案
anymango
校验提示文案
Enzoo
校验提示文案
来自火星的懒牛
校验提示文案
小楼0000
校验提示文案
稀土霸王
校验提示文案
麦兜1100
校验提示文案
HLAB
校验提示文案