起因
前两天,公司说要开发一个登录系统给公司所有的后台使用,可以说是个不怎么完整的单点登录系统(OSS),因为后端只提供token,我们都知道token是通过特殊的加密将用户信息保存在里面,只要获得token我们就可以去取得我们的用户信息,大概意思呢就是让我去前端解决传递token的问题,但是吧这个登录系统中要包含公众号关注然后实现登录,本人之前对于公众号的登录做的比较少,觉得也就是调用下api,就满口的说这不是撒撒水,就是因为吹了牛逼导致我后面非常的被动!开发开始后我才知道公众号捕获用户的事件是需要配置我们的域名匹配方法来接受我们的回调,这下子我是真的头大了一圈!!!
Ngrok
起初我最开始想到的是使用openvpn打一条虚拟网络通道到服务器,这里不懂的同学可以自己私底下去研究下,猿猴在这里就不过多的去解释了,但是配置openvpn真的太多坑了,虽然最后越过了这些坑居然遇到了隔一段时间网络就断掉,无法访问这种问题,我当时还搞了一下午内心真的是极度的崩溃o(╥﹏╥)o!!!
就在我一筹莫展疯狂在座位上叹气的时候,好心的后端大哥走了过来听完我的描述后,疯狂嘲笑了起来,并对我说你可以尝试一下使用ngrok,非常好用哦,顺便给我了一个睿智的眼神,当时我就打开了google搜索了起来。这不搜索不知道,一搜索才发现我是个2 13 ,作为前端开发居然不知道这么好用的工具。
使用
接下来我就把如何使用分享给大家,首先进入页面我们需要先登录,我推荐使用github这样直接帮我们把信息都完善了,如下图
进去后在首页就能看到我们大大的download,直接下载就完事了,如下图
下载完我们将其拖到桌面解压,就会得到一个ngrok.exe文件,如下图
然后我们点到我们的your authtoken页面复制我们的token,没有的同学生成一个就ok了,如下图
然后在我们的桌面打开powershell输入ngrok authtoken xxx 这里的xxx写入我们的token即可,如下图
这样就设置好了,最后你在将本地后端项目跑的端口号配置如下图即可,我这里用的8000端口就直接设置ngrok http 8000
总结
好拉以上就是我对ngrok使用的过程,如果你觉得有帮助到你,希望你也给猿猴点个赞和关注,和猿猴一起探索下去。(* ̄︶ ̄)