相信大多数程序员都有这个需求——特别是前端程序员,当写简历的时候,希望能贴上自己的个人作品网址供面试官看看效果,但是却不想每年花大几百买服务器部署自己的项目,有没有合适的办法解决这个问题呢。有的,那就是让公网访问自己的电脑上的项目不就行了,这就是内网穿透。
下面就图文教程手把手教你设置吧,非常简单。
下载花生壳软件
首先第一步就是下载并安装花生壳软件了,地址:(https://hsk.oray.com/download/),它能帮助我们内网穿透。
UTOOLS1584629123515.png配置花生壳
安装完成后可以微信扫描关注它的公众号,登录花生壳软件。接着点击软件右下角的加号图标进入如下图的配置。
UTOOLS1584629251279.png一般我们的网站都是http项目吧,应用类型选择http,这时会叫你支付6块钱的认证费。6块钱是认证费,软件是永久免费的,放心用吧。
内网主机使用ipconfig查下你的ip,一般是192.168开头的ip。所有信息填完后保存。
访问我们的项目
OK,此时在本地启动你的项目,我的是vue项目,使用npm run serve
启动。
保存花生壳的信息后如下图,那个链接就是你的公网域名映射了。使用任何设备访问你的项目吧。
UTOOLS1584629700658.png我的项目链接如下:http://30h2p28468.qicp.vip/
欢迎大家尝试访问,我的电脑是基本不关机的。(ps:vue本地开发环境的文件比较大,首次访问的我网页需要比较长的时间加载,vue打包的一个文件有7M大)。需要注意的是,我们的免费版花生壳一个月只有1G的流量哦。
UTOOLS1584629893763.png以上,有什么不懂的可以留言或私信我帮你解决哦。
网友评论