这个可怜的前端终于学会了内网穿透

举报
yd_244540595 发表于 2024/10/23 14:55:52 2024/10/23
【摘要】 作者:九段刀客什么是内网穿透内网穿透这个词大家肯定都有所耳闻,毕竟都是干这行的嘛!没吃过猪肉还能没见过猪跑啊。不就是让自己电脑启的服务,让远在千里之外的人也能访问到吗?对对对就是这个东西。(顺便吆喝一句,技术大厂,前后端测试捞人,看这里)什么场景下,让我需要这个东西呢微信支付和小程序的图片安全校验的时候。微信支付和图片安全校验都需要给一个notify_url,处理成功后腾讯那边会调用这个接口...

作者:九段刀客

什么是内网穿透

内网穿透这个词大家肯定都有所耳闻,毕竟都是干这行的嘛!没吃过猪肉还能没见过猪跑啊。不就是让自己电脑启的服务,让远在千里之外的人也能访问到吗?对对对就是这个东西。

(顺便吆喝一句,技术大厂,前后端测试捞人,看这里

什么场景下,让我需要这个东西呢

微信支付和小程序的图片安全校验的时候。

微信支付和图片安全校验都需要给一个notify_url,处理成功后腾讯那边会调用这个接口来通知你结果和信息。

这个场景下内网穿透就非常重要了,如果你不弄内网穿透,每次都要传到测试服务器上去就会很繁琐,写一点传一次,有问题还得倒腾一次,如果能让你的本地就能实现测试服务器一样的功能,那岂不是完美。

有朋友会说服务啊,这不是后端的事情吗?这不是越来越卷了吗?

依赖安装和token配置

其实很简单哈哈😄,首先拿出我们的前端秘制配方 npm

npm install ngrok -g

它似乎不想我们一步到位,还需要配置一下token,到ngrok.com 注册一个账号 ngrok官网地址

ngrok config add-authtoken xxxxxxxxxxxxxxx

image.png

起飞🛫

先把你的nodejs服务搞起来,比如端口是3080,再运行内网穿透

ngrok http http://localhost:3080

看看效果

image.png

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。