zhjx922 De Blog

本地调试微信之内网穿透

最近一直在做微信服务号的相关开发,其中一个特别麻烦的问题就是,如何在本地调试,将微信服务器的信息转发到自己的开发机上,下面为大家介绍几种我尝试过的方法

微信公众号(服务号)对服务器的要求

  • 域名(线上环境必须备案)
  • 支持http和https两种解析,对应的只支持80和443端口

微信沙盒环境

正常开发测试我们肯定不能使用线上的app_id,微信为我们提供了沙盒环境,如果多人同时使用,可以各自申请各自的测试账号,绑定到自己的域名上就可以了。

ngrok

刚开始开发的时候,第一个想到的就是到网上搜“微信内网穿透”,然后发现了ngrok,执行下面命令后,会返回一个随机的域名,然后这个域名的流量会转发到你当前机器上,因为开发环境需要通过Host头对应到不同的目录,所以使用-host-header直接重新Host头

1
./ngrok http -host-header=xxx.domain.com xxx.domain.com:80

然而,忽然有一天不知道为什么,怎么都连不上了。。。

这时,我发现ngrok竟然是个开源软件,到github下载下来后发现,官网提供的是2.0版本的服务,而开源的是1.X版本(没有重新Host功能),所以放弃了。

ssh

因为我有一台外网的阿里云服务器,想着看看有没有什么办法能利用起来,无意在网上发现了一条神奇的命令

ssh root@domain.com -R 10000:xxx.domain.com:80

对应的nginx配置

1
2
3
4
5
6
7
server {
listen 80;
server_name xxx.domain.com;
location / {
proxy_pass http://127.0.0.1:10000;
}
}

执行后,会登陆远程的服务器,然后通过ssh服务将流量转发到本地的xxx.domain.com的80端口,太神奇了,之后也一直使用这条命令。

frp

最近开发人员变多了,不是所有人都有外网服务器,然后当有两个人同时需要开发测试的时候就有点尴尬了,本着找不到解决方法不睡觉的精神,我发现了一款国人写的类似ngrok的软件:frp

配置稍微麻烦了一点点,但是,这下可以同时支持多个人开发啦。

实现步骤如下:

配置域名泛解析

将外网域名配置泛解析,*.domain.com都指到阿里云服务器的IP

配置nginx(注意反向代理的端口我使用了30000)

1
2
3
4
5
6
7
8
9
10
server {
listen 80;
server_name *.domain.com;
location / {
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $host;
proxy_pass http://127.0.0.1:30000;
}
}

外网服务器frps配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#frps.ini
[common]
#服务端口
bind_port = 7000
#虚拟端口
vhost_http_port = 30000
#dashboard端口和账号密码,可以直接加端口号方法,有一些统计数据
dashboard_port = 7500
dashboard_user = admin
dashboard_pwd = admin
#为了防止别人卵用,我们加上token
privilege_token = Fiwlasdj&^$fadf
#心跳超时
heartbeat_timeout = 90
#最大连接池
max_pool_count = 5
#认证超时
authentication_timeout = 900
#子域名,配置后,客户端可以随便指定二级域名使用(方便多人)
subdomain_host = domain.com
#TCP 多路复用,不用可以删掉
tcp_mux = true

启用命令:./frps -c ./frps.ini

客户端frpc配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#frpc.ini
[common]
#外网服务器IP
server_addr = x.x.x.x
#外网服务端口号
server_port = 7000
#客户端启用连接池,指定预创建连接的数量
pool_count = 1
#和服务器的token保持一致
privilege_token = Fiwlasdj&^$fadf
[web]
#协议类型
type = http
#转发到本地的端口号
local_port = 80
#子域名,可以通过wx.domain.com访问到本地
subdomain = wx
#重新host header(按主要就要这个功能)
host_header_rewrite = host.domain.com
#本地Ip OR domain(这个官网并没有说明,下面我会讲为什么这样设置)
local_ip = xxx.localhost.com
#TCP 多路复用,不用可以删掉
tcp_mux = true

第一次使用没有配置local_ip,然后本地会报错[E] [proxy.go:299] [web] connect to local service [127.0.0.1:80] error: dial tcp 127.0.0.1:80: getsockopt: connection refused

因为我的环境跑在vagrant里面,正常情况我都是通过绑定host到虚拟机的ip使用的,但是frp默认会访问127.0.0.1,然后看了一下源码对应的位置,如下:

1
2
3
4
5
localConn, err := frpNet.ConnectServer("tcp", fmt.Sprintf("%s:%d", localInfo.LocalIp, localInfo.LocalPort))
if err != nil {
workConn.Error("connect to local service [%s:%d] error: %v", localInfo.LocalIp, localInfo.LocalPort, err)
return
}

继续往上追踪

1
2
3
if cfg.LocalIp = section["local_ip"]; cfg.LocalIp == "" {
cfg.LocalIp = "127.0.0.1"
}

原来可以指定local_ip参数来实现,不过之后的版本是否兼容,我就不清楚了,仰天一笑,哈哈哈哈。

启动命令:./frpc -c ./frpc.ini

zhjx922 wechat
欢迎关注二维码,一起交流学习!