2018-04-23 13:14:00 qq_28804275 阅读数 851
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27803 人正在学习 去看看 秦子恒

一、下载、安装Fiddler

二、微信授权调试

   案发现场: 某天,一名正儿八经的开发"猿",在疯狂一顿Coding之后,他完成了微信授权登录功能的编码。下来他想先在本地调试一下,然后再部署到线上环境。于是在本地Run起了Project,假设微信回调的地址是:localhost:9002。这时,他就可以利用Fiddler进行代理测试,具体操作实现请参考以下两种方法。

   PS: 请先自行登录微信公众平台进行相关配置。

1. Fiddler + 微信web开发者工具

  • 打开微信web开发者工具,选择公众号网页开发:

微信web开发者工具 -> 公众号网页开发

  • 修改Fiddler中的Hosts配置信息

Fiddler修改Hosts

   完成以上配置,即可利用微信web开发者工具在PC本地进行微信授权调试,就这么简单。

2. Fiddler + 手机(需结合方法1的配置操作)

  • 确保手机、电脑在同一个局域网,查看PC的ip地址

ipconfig

  • Fiddler代理配置

Fiddler -> Options

Fiddler -> Options -> Connections

  • 手机代理信息配置

手机端配置

手机端配置

   完成以上配置,即可使用手机进行微信授权(可自行构造请求微信授权),微信回调后会走PC运行的项目接口,大概就这么简单。

三、推荐两个小工具

  • 内网映射工具(第三种调试方法,具体请参考在线教程):NATAPP
  • Hosts修改软件:SwitchHosts
2014-11-07 09:23:13 merit 阅读数 69
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27803 人正在学习 去看看 秦子恒

 

1、下载ngrok.exe到本地;

2、运行cmd;

3、根据文件路径,输入 ngrok.exe+端口,端口是你本地web服务器的端口号

4、回车键执行,在弹出窗口会显示网址,如下所示:

 


 5、该网址则为外网访问网址,开始你的微信调试之旅吧~

2019-12-26 14:16:21 I_lost 阅读数 11
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27803 人正在学习 去看看 秦子恒

在微信开发工具调试微信支付功能,页面提示chooseWXPay:fail, the permission value is offline verifying,在真机测试就没问题了

2014-11-19 09:31:00 weixin_30542079 阅读数 51
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27803 人正在学习 去看看 秦子恒

1:为什么要使用ngrok

在微信开发的时候 需要填写与微信服务器相连接的url 这个url必须是外网域名, 也就是说我们需要在这个外网域名对应的ip服务器上做开发,而没办法本地开发调试 所以用ngrok获得一个外网域名 这个外网域名实际访问的是本地主机 这样把此外网域名填入到微信需要的外网url里 就可以在本地开发调试了

2:下载ngrok ngrok - secure introspectable tunnels to localhostwindows版

3:注册ngrok 得到your auth token 后面的自定义域名必须要有这个token

4: 打开cmd cd到ngrok.exe在的目录,执行ngrok 80 就可以给你本机的127.0.0.1:80分配一个外网可以访问的域名 例如http://1f1b1c.ngrok.com 也就是外网访问http://1f1b1c.ngrok.com 就是访问你本机的127.0.0.1:80,当然如果你执行ngrok 8080 那就是分配一个域名访问

127.0.0.1:8080

5: 上面分配的域名是临时的,可能下次开电脑这个域名就变化了,我们需要一个固定的域名映射到本机的80端口 所以先登录 执行ngrok -authtoken XUsFLvG4hgb8ukjvML8YBXX 80 这里

填写的是你注册时给你的token, 然后ngrok -subdomain myapp 80 这样后续你通过http://myapp.ngrok.com 就可以一直访问到本机的127.0.0.1:80了 当然如果是想访问的是8080端口 那就把上面的80都改成8080

6:不要关闭cmd窗口 关闭后提供的域名就访问不了了 如果要查看ngrok给你做的中转http信息 访问http://localhost:4040/

7:具体到微信的开发 一定要注意 由于是ngrok做的中转 出于安全考虑通不过微信的默认语句libxml_disable_entity_loader(true); 所以注释掉他 等正式部署到服务器再取消注释。

ngrok下载

转载于:https://www.cnblogs.com/laisisi/p/qq773871685.html

2017-09-21 22:12:00 weixin_34008784 阅读数 6
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27803 人正在学习 去看看 秦子恒

简介

  • 由于微信浏览器中获取用户信息的回调地址必须是已经ICP备案的域名。这样就导致无法本地开发比较麻烦,解决方案为内网穿透,如ngrok(二级域名每次启动会变化)、花生壳(需要支付8元)、NATAPP(和ngrok类似,本文使用)。
  • 本程序基于微信开发者工具完成调试

NATAPP使用

  • 注册NATAPP并实名认证
  • 购买隧道 - 免费隧道 - Web(端口80)- 购买之后可在我的隧道中查看 - 复制authtoken
  • 下载NATAPP客户端natapp.exe
  • 在客户端根目录cmd运行natapp -authtoken=上文提到的authtoken。命令行会出现类似Forwarding http://smalle.natappfree.cc -> 127.0.0.1:80的显示。(表示访问在浏览器中访问http://smalle.natappfree.cc时相当于本地访问127.0.0.1:80)
    • 或者写入xxx.bat文件快速启动:D:/software/natapp.exe -authtoken=12347dc3f25a1234

启动本地web项目

本地项目是基于nginx反向代理服务器实现(apache也可)

  • 下载nginx并安装,配置nginx.conf文件,如:

        server {
        listen   80;               
        server_name localhost;   
    
        location / {
            root   C:/Users/smalle/Desktop/web;
            index  index.html index.htm;
        }
  • 将web项目拷贝到配置中的root路径
  • 启动nginx(此时可通过http://127.0.0.1或http://smalle.natappfree.cc访问)

配置回调地址

  • 微信后台 - 公众号设置 - 功能设置 - 网页授权域名
  • 将类似MP_verify_2DCaFsV02WRKw123.txt的文件下载到root路径下
  • 地址栏中填写xyabcd.natappfree.cc(不需要http://)保存即可

扩展:关于前后分离

  • 如果api和web项目分别部署,如web是用nginx静态服务器,api使用PHP/Java完成。就回出现跨域问题,此处可在nginx中再次配置后台api的转发

    location /api/ {
        proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_redirect off;
        if (!-f $request_filename) {
            proxy_pass http://127.0.0.1:8080;
                break;
        }
    }
    • web项目中认证请求js如:http://smalle.natappfree.cc/api/auth?code=021GT83e1ucjUu035F0e1Ttg3e1GT812就会被转发到http://127.0.0.1:8080/api/auth?code=021GT83e1ucjUu035F0e1Ttg3e1GT812

      var url = "http://smalle.natappfree.cc/api/auth?code=" + code;
      $.get(url, function(res) {
          console.log(res);
      });

相关文章:服务号使用微信网页授权(H5应用等)

转载于:https://www.cnblogs.com/oldinaction/p/7571629.html

微信开发调试方法

阅读数 149

没有更多推荐了,返回首页