调试神器之在公网访问前端本地服务(内网穿透)

83 阅读1分钟

事件场景如下:

之前在公司开发了一套前端AI聊天客服系统,除了在自家官网部署之外,这套系统还能应用于有需要的第三方公司(同时附带知识库配置及机器人训练平台)。忽然有一天,领导说有客户谈好了10分钟后要在线体验一下我们的客服管理系统。官网的那套已上线,不适合给外人操作,那怎么办?从0部署一套代码到线上环境,服务端需配置的东西很多,临时部署来不及了,怎么办?如何直接让用户在外网访问我前端webpack运行的本地服务(甚至连热更新都能同步)?正当大家一筹莫展之际,我悄悄的开启了之前前端用来debug的小神器--localtunnel,本地服务一开,localtunnel一配,把一个外网URL一发,客户满意了,领导安心了,痛点也解决了~

具体步骤: 1.安装 npm install -g localtunnel 安装好以后,命令行运行 lt --help可查看所有指令同时验证安装是否成功

2.使用 命令行输入 lt -p 8088 -s displayProduction 返回:your url is: displayProduction.loca.lt 外网直接访问,因为热更新也支持的原因,甚至把首页改成客户定制版,客户甚是满意:我上午提的定制化需求,你们下午就改好部署了,这团队执行力杠杠的呀~~

小工具偶尔也有大效果,仅以此记录下当时愉悦的心情。