微信公众号授权 通过「内网穿透」实现本地调试

2018-11-08 admin

最近开发公众号,遇到一个很郁闷的问题,这个可以结合我的另一篇微信授权的文章看。

就是微信授权之后,遇到bug需要调试代码,打印log都需要提交到线上的测试服务器才能看到结果。

这是由于微信授权流程中的后端回跳到前端的那个地址必须是线上地址。

这就导致授权之后,每次代码调试都十分痛苦

直到发现了一个「内网穿透」的方式,就是利用natapp这类工具,将本机的IP和端口映射到外网指定的域名下,通过访问映射的外网域名就可以直接访问到本机的服务。

https://blog.csdn.net/xyang81…

https://natapp.cn/

跟着操作流程就可以了,我只记下几个我遇到的问题

  • 在MAC下启动1024以下的端口,需要使用root模式,也就是sudo。一语惊醒梦中人!遂使用sudo npm run dev即可正确运行项目
  • 下载了natapp后,没法双击打开,而是需要在终端用命令行打开的
  • 下载config.ini文件到跟natapp同一个目录下,
  • 配置config.int,方法就是去natapp的后台复制你的authtoken,粘贴到config.init文件
  • 运行natapp时,Linux/Mac 系统 需要 添加执行权限:chmod a+x natapp

原文链接:https://segmentfault.com/a/1190000016953870

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-44898.html

文章标题:微信公众号授权 通过「内网穿透」实现本地调试

相关文章
2015年3月国内浏览器市场份额概括,chrome占32.97
本报告数据,来源于百度统计所覆盖的超过150万的站点,而不是baidu.com的流量数据。 注:奇虎360浏览器份额在2010年10月至2011年3月,和2012年9月以来,两次大幅下降,是因为360浏览器去掉了原本的浏览器特征(User...
2015-11-12
如何为高负载网络优化Nginx 和 Node.js?
译者:AlfredCheung 在搭建高吞吐量web应用这个议题上,NginX和Node.js可谓是天生一对。他们都是基于事件驱动模型而设计,可以轻易突破Apache等传统web服务器的C10K瓶颈。预设的配置已经可以获得很高的并发,不过,...
2015-11-12
7个提高效率的JavaScript调试工具
鐜板湪鐨凧avaScript浜嬪疄涓婂凡鐒舵垚涓轰簡娴佽�岀殑web璇�瑷€锛屽嵆浣垮畠骞朵笉瀹岀編銆傚緢澶氱▼搴忓憳涓嶅枩娆㈢敤JavaScript鍐欎唬鐮侊紝鏄�鍥犱负鍐欏埌鍚庢潵鎬讳細鍑虹幇鍚勭�嶈帿鍚嶅叾濡欑殑bug锛岃€屼笖鍦ㄥ紑...
2015-11-11
javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程 在这里推荐turn.js 网上的turn.js 有api 不过是英文的  很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn.js实现翻页效果 ,本篇文章只是讲解 ...
2017-03-16
js实现手机拍照上传功能
在前段时间的项目开发中,用到了拍照上传的地方,后来发现了最为简单的一种方法,现总结如下: <form id="form" method="post" action="http:&#x2...
2017-03-06
纯JS实现旋转图片3D展示效果
CSS: <style type="text/css"> #show{position:relative;margin:20px auto;width:800px;} .item{position:...
2017-03-22
vue.js实现请求数据的方法示例
vue2.0示例代码如下: var vm = new Vue({ el:"#list", data:{ gridData: "", }, ...
2017-03-20
网站变灰代码
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: g...
2015-11-12
js实现鼠标左右移动,图片也跟着移动效果
效果:鼠标往左移,图片对应右移,鼠标往右移,图片就左移动。图片距离越远偏移距离越大。 思路:首先获取图片原先的距离。设置一个变化值,图片的最终距离等于原先的距离加上变化值 布局:大盒子里面是图片,大盒子position:relative;图...
2017-02-17
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
直接贴代码了: 先上输入前的样子: <style> #example{margin:100px auto;width:600px;} .show{margin:10px;} #searchText{display: block...
2017-03-17
回到顶部