前端简单实现内网穿透

一个前端在调试本地页面时,总会有些稀奇古怪的需求,比如产品立刻要看你的页面效果,而此时有没有上线环境折腾给他看,那此时通过内网穿透的方式,实时把你的项目生成一个在线链接丢给他,让他去找那一像素的bug!

什么是内网映射

内网穿透流程图

localtunnel

通过localtunnel就能把你的本地地址映射到一个公共地址,让其他用户也能访问,比如我本地地址127.0.0.1(默认80端口),通过localtunnel生成一个指定前缀的 https://green-puma-94.localtunnel.me,让测试人员无需通过局域网等就能访问。

安装使用

默认你安装了node的环境

npm install -g localtunnel <--安装服务-->
lt --subdomain <个性前缀> --port <要映射的端口>


使用流程图

成功后如下图


1544779714(1).jpg

我是用xmapp集成环境开启的服务器xmapp官网

附带一句:如你使用的服务器与我一致

那么公网地址映射的位置为 安装盘:\xmapp\hocts\ 只要将写好的项目放入此目录即可

你可能感兴趣的:(前端简单实现内网穿透)