Weixin相关

参考:
https://github.com/fatedier/frp
https://gofrp.org/docs/
下载各种版本(支持arm系统):
https://github.com/fatedier/frp/releases

服务端frps.ini:
[common]
bind_port = 7000

vhost_http_port = 7000
subdomain_host = mytest.com
dashboard_port = 7500
dashboard_user = xxx
dashboard_pwd = xxx
#可选安全客户端链接方式使用token,避免暴露公网任意客户端都可链接
authentication_method = token
token = xxxxxx

客户端frpc.ini:
[common]
server_addr = 服务端所在公网IP
server_port = 7000
#如果服务端设置了token鉴权则需要填写对应token值
authentication_method = token
token = xxxxxx

[web01]
type = http
local_ip = 127.0.0.1
local_port = 80 (也可直接为本地服务端口,80则指向本地nginx代理)
use_encryption = false
use_compression = true
http_user = 
http_pwd = 
subdomain = dev (区分多个客户端连接,一个子域名转发到一个内网机器)

服务端nginx配置vim /etc/nginx/conf.d/dev.mytest.com.conf:
server {
    listen       80;
    server_name dev.mytest.com;
    location ~ ^/(WEB-INF)/ {
        deny all;
    }
    location / {
        index index.jsp index.html index.htm;
        proxy_pass http://127.0.0.1:7000;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }
}
#如果域名申请太麻烦,可以在已有的域名配置文件里直接新增一个代理转发到7000端口,访问的时候带上/cqkf/即可)
location /cqkf/ {
  proxy_pass http://127.0.0.1:7000/;
  proxy_set_header Host   $host;
  proxy_set_header X-Real-IP  $remote_addr;
  proxy_set_header X-Real-Port    $remote_port;
  proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
  proxy_connect_timeout 10s;
  proxy_read_timeout 30s;
  proxy_send_timeout 30s;
  access_log off;
}

nginx -s reload
启动服务端：./frps -c ./frps.ini
或
> 启动脚本:
cd /xx/frp_0.39.1_linux_arm64
nohup ./frps -c ./frps.ini > /dev/null 2>&1 &
停止服务端：
> 停止脚本:
cd /xx/frp_0.39.1_linux_arm64
kill `pgrep -f frps.ini` 2>/dev/null
ps -ef |grep frps.ini | grep -v grep |awk '{print $2}'|xargs kill -9 1>/dev/null 2>&1 
exit 0

如果前面客户端frpc.ini里的local_port设置为80的nginx配置vim /etc/nginx/conf.d/dev.mytest.com.conf:
server {
    listen       80;
    server_name dev.mytest.com;
    location ~ ^/(WEB-INF)/ {
        deny all;
    }
    location / {
        root /data/www/dist;
        index index.html index.htm;
        access_log off;
        expires 1d;
    }
    location /back-end {
        proxy_pass http://127.0.0.1:8080;
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_connect_timeout 10s;
        proxy_read_timeout 30s;
        proxy_send_timeout 30s;
    }
}
启动客户端：./frpc -c ./frpc.ini
启动本地eclipse或其它web工程并设置为8080端口（对应本地nginx的/back-end）
其它外网机器通过dev.mytest.com即可访问到内网机器进行远程调试

[下载natapp](https://natapp.cn/#download)
客户端选择[linux版本](http://download.natapp.cn/assets/downloads/clients/2_3_8/natapp_linux_amd64_2_3_8.zip),

~/bin/natapp -authtoken=登录后台（1842-c17）查看购买免费型隧道生成的authtoken	

https://mp.weixin.qq.com/

设置 -> 人员设置 -> 运营者管理 -> 绑定运营者微信号

https://mp.weixin.qq.com/
登录需要调试开发的公众号：

开发 -> 开发者工具 -> web开发者工具 -> 绑定开发者微信号

github-Linux版:
https://github.com/cytle/wechat_web_devtools/releases

gitee-Linux版：
https://gitee.com/chao-fan/wechat_web_devtools/releases

官方下载地址：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

启动：
/wechat_web_devtools/bin/wxdt

https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=1417751808&token=&lang=zh_CN

出现此图片来自微信公众平台未经允许不可引用

方法1，在public目录的index.html引入头:

#所有请求都不发送referrer
<meta name="referrer" content="never">
或
#只发送相同域的referrer
<meta name="referrer" content="same-origin">

方法2，使用代理:
location ^~ /wechat_image/ {
    add_header 'Access-Control-Allow-Origin' "$http_origin" always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-Control,Content-Type,DNT,If-Mod    ified-  Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
    proxy_pass http://wx.qlogo.cn/;
 }
 
然后把请求微信图片地址替换成/wechat_image/xxx即可