免费简单好用的内网穿透工具(ngrok、natapp),微信回调地址配置

本文比较了Natapp和Ngrok两种工具在内网暴露、端口穿透、固定域名以及微信回调配置方面的优缺点,适合开发者在特定场景中选择合适的解决方案。
摘要由CSDN通过智能技术生成

B站视频地址

在一些特殊的场景下,需要把我们的内网暴露出去,比如写了一个接口或网站想让别人看到,或者进行第三方开发调试的时候需要一个外网可用的回调地址。


来对比一下ngrok和natapp免费功能的优劣

限制http/https域名支持程度操作访问
ngrok加了一个中间页,需要设置特殊的请求头都支持可以使用隧道固定域名微信对其有限制,有时候不生效简单没有梯子会很慢
natapp只有http每次开启不一样的域名挺好简单正常

如果第三方不支持ngrok的时候可以使用natapp来替代,不然ngrok可以固定域名还是挺方便的


Natapp


1、登录注册账号、下载软件

  1. https://natapp.cn/

在这里插入图片描述


下载下来的 natapp可能没有权限,只需要给它赋予权限就好了

 chmod 777 natapp

2、使用


2-1、购买隧道、查看token


在这里插入图片描述
在这里插入图片描述


2-2、端口穿透


# XXXXXXX 替换成你的token即可
./natapp -authtoken=XXXXXXX

在这里插入图片描述


Ngrok


1、登录注册账号、下载软件


  1. https://dashboard.ngrok.com/login
  2. https://ngrok.com/download

2、使用


2-1、获取并设置 token


在这里插入图片描述

可以执行Command Line,把token进行设置, ngrok就是上一步下载的可执行文件


2-2、使用


假如我们要暴露 9999端口,就执行下面命令

./ngrok http 9999

在这里插入图片描述


复制生成的随机域名到浏览器,会看到如下页面

在这里插入图片描述


很早之前不会有这样一个中间页,如果只是临时访问,点一下 【Visit Site】也就可以了,但如果前后端对接或者第三方回调,就难办了。


官方提供三个解决办法

  1. 点一下 【Visit Site】
  2. 访问的时候加一个特殊的请求头 【ngrok-skip-browser-warning】
  3. 充值

3、隧道


使用隧道的好处就是可以固定域名

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


微信回调配置


1、注册测试公众号


只需要扫码登录就行

https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index


2、回调代码

@GetMapping("/callback")
public String entryCallbackSign(@RequestParam(name = "signature", required = false) String signature,
                                @RequestParam(name = "timestamp", required = false) String timestamp,
                                @RequestParam(name = "nonce", required = false) String nonce,
                                @RequestParam(name = "openid", required = false) String openid,
                                @RequestParam(name = "encrypt_type", required = false) String encType,
                                @RequestParam(name = "msg_signature", required = false) String msgSignature,
                                @RequestParam(name = "echostr", required = false) String echostr) {

    log.info("微信回调 GET");
    log.debug("signature: {}", signature);
    log.debug("timestamp: {}", timestamp);
    log.debug("nonce: {}", nonce);
    log.debug("openid: {}", openid);
    log.debug("encType: {}", encType);
    log.debug("msgSignature: {}", msgSignature);
    log.debug("echostr: {}", echostr);

    return echostr;
}

@PostMapping(value = "/callback", produces = "application/xml; charset=UTF-8")
public String entryCallback(@RequestBody(required = false) String requestBody,
                            @RequestParam(name = "signature", required = false) String signature,
                            @RequestParam(name = "timestamp", required = false) String timestamp,
                            @RequestParam(name = "nonce", required = false) String nonce,
                            @RequestParam(name = "openid", required = false) String openid,
                            @RequestParam(name = "encrypt_type", required = false) String encType,
                            @RequestParam(name = "msg_signature", required = false) String msgSignature) {
    log.info("微信回调 POST");
    log.debug("signature: {}", signature);
    log.debug("timestamp: {}", timestamp);
    log.debug("nonce: {}", nonce);
    log.debug("openid: {}", openid);
    log.debug("encType: {}", encType);
    log.debug("requestBody : " + requestBody);
    log.debug("msgSignature: {}", msgSignature);


    return "";
}

3、回调配置


在这里插入图片描述


注:网页回调地址这里不需要http开头
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值