nginx + frp 实现微信公众号、小程序的本地开发

微信公众号开发比较令人讨厌的地方，即使你在微信的测试环境中，你在本地进行开发、调试总比开个远程在服务器上敲代码进行开发、测试要方便的多。

如果只是公众号和小程序的开发，你可以使用ngrok、花生壳之类的工具，但是如果不愿意使用花生壳等工具（土豪请绕行），咱也是有办法的，尤其是在开发微信公众号或小程序的时候。

nginx + frp的实现

一、准备工作：

1、一台阿里云服务器或有外网IP的服务器

2、已经备过案的域名

3、nginx下载，http://nginx.org/en/download.html

4、frp下载，https://github.com/fatedier/frp/releases

二、下面进行nginx以及frp的设置

2.1、nginx设置

server {
    listen 80;
    server_name www.yourdomain.com;
    location / {
        # 这里的端口需要跟frps的vhost_http_port的设置保持一致
        proxy_pass http://127.0.0.1:8088/;
        proxy_set_header	Host	$host;
        proxy_set_header	Remote_Addr	$remote_addr;
        proxy_set_header	X-Real-IP $remote_addr;
        proxy_set_header	X-Forwarded-For	$remote_addr;
    }
}

重启nginx

nginx -s reload

2.2、frps服务端设置（配置frps.ini）

[common]
bind_port = 7000
vhost_http_port = 8088
dashboard_addr = 0.0.0.0
dashboard_port = 7500
dashboard_user = use
dashboard_pwd = pwd
log_file = ./frps.log
log_level = info
log_max_days = 2

[web]
type = http

custom_domains = www.yourdomain.com（跟上面的nginx配置里，server_name保持一致）

auth_token = your_token（改成你自己的）

注意：上面的配置log_file = ./frps.log中./frps.log是linux下的目录，windows下需要改成如：d:\frp\frps.log这种的，否则windows下无法正常运行

启动服务端：frps -c d:\frp\frps.ini（windows服务器）

./frps -c ./frps.ini（linux服务器）

 

2.3、frpc本地客户端设置（frpc.ini）

[common]
server_addr = 222.172.200.68（改成你的服务器外网IP）
server_port = 7000（对应服务器的bind_port，是客户端与服务端通信的端口）
auto_token = your_token（跟服务端配置一致）

[web]
type = http
local_port = 8088（本地服务的端口）
local_ip = 127.0.0.1

custom_domains = www.yourdomain.com（你的域名）

 

启动客户端：

frpc -c d:\frp\frpc.ini（windows环境）

./frpc -c ./frpc.ini（mac环境）

 

如果没有什么特殊情况，你可以正常连接后，在浏览器打开

www.yourdomain.com，在经过一系列的dns、路由后，到了你的阿里云服务器，然后再被frp转给你的电脑上。

 

现在你可以开心的进行微信公众号、小程序的开发啦。。。。。^_^