2018-04-23 13:14:00 qq_28804275 阅读数 867
  • 微信h5支付开发-php开发微信h5支付demo

    会员免费看,http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发,内容包含开通H5支付,实现微信h5支付,订单查询,关闭订单等等。欢迎反馈,微信号:QQ68183131

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

一、下载、安装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-19 09:31:00 weixin_30542079 阅读数 81
  • 微信h5支付开发-php开发微信h5支付demo

    会员免费看,http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发,内容包含开通H5支付,实现微信h5支付,订单查询,关闭订单等等。欢迎反馈,微信号:QQ68183131

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

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

2016-01-14 14:18:00 weixin_34062469 阅读数 11
  • 微信h5支付开发-php开发微信h5支付demo

    会员免费看,http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发,内容包含开通H5支付,实现微信h5支付,订单查询,关闭订单等等。欢迎反馈,微信号:QQ68183131

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

微信公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。

本人试了一下,感觉还行吧,普通的页面测试没有问题。好像微信支付的调不出来。不知道是不是要JSSDK版的微信支付才能调出来。

具体功能如下:
1. 使用真实用户身份,调试微信网页授权。

2. 校验页面的 JSSDK 权限,以及模拟大部分 SDK 的输入和输出。


3. 利用集成的 Chrome DevTools 和基本的移动调试模块,协助开发。


官方详情 http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html

下载地址

最新版本: (2016.01.11) 0.1.0

Windows 64位版本:下载地址

 MD5: 04cf4723256b82a284c008bd76b4c67d

Windows 32位版本:下载地址

 MD5: 64f21471fcb10cededfb07b5174a7d02

Mac版本:下载地址

 MD5: 761465844c55d4c61a001d668578f84a

注:支持 win7 及以上版本,支持OS X 10.8 及以上版本

原文地址:http://www.jianfangkk.com/app/201601/2

转载于:https://www.cnblogs.com/jianfangkk/p/5130074.html

2019-03-09 14:54:05 Jonty1024 阅读数 522
  • 微信h5支付开发-php开发微信h5支付demo

    会员免费看,http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发,内容包含开通H5支付,实现微信h5支付,订单查询,关闭订单等等。欢迎反馈,微信号:QQ68183131

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

使用TBS Studio进行微信公众号真机调试

目前在微信公众号开发中大家都很了解微信开发者工具,在早期的微信开发者工具中有移动调试功能,让手机通过代理的方式开通移动调试,但是最新版本的微信开发者工具中移除了移动调试功能。

 

image.png

 

在微信公众号开发的实际过程中,因为网络部署、证书等种种原因会引起某些手机兼容性问题,这时候微信开发者工具就爱莫能助了,如何解决真机调试的问题,那就必须借助TBS Studio。

TBS Studio是什么

TBS Studio是面向基于TBS的Web开发者和移动应用开发商(包括微信、手Q,三方App等)打造的开发服务整体解决方案,以提升广大开发者在真机环境下的开发效率,并帮助开发者分析和优化网页的设计,主要功能有网页Inspector调试,网页性能分析等。

TBS Studio在哪里

TBS Studio 下载

TBS Studio如何使用

  1. 下载安装。
    按照官方手册安装。
  2. 手机打开usb调试,连接到电脑

     

    image.png

     

    3.打开手机上的微信app并让微信保持在前台。
    4.打开TBS Studio,点击启动检测。

     

    image.png

  3. tbs弹出确认,点击确定。

     

    image.png

     

    6.设定tbs的调试状态,公众号里选择普通网页。

     

    image.png

  4. 使用微信扫二维码,根据提示操作,操作完成后重新开启微信app,打开要调试的公众号或h5链接。
    8点击tbs的启动调试,得到如下界面。(这里可能需要打开微信浏览器的TBS调试,方法是:微信打开这个网址 http://debugx5.qq.com/ ,选择“信息”→把TBS调试勾上)

     

     

     

    9.找到要调试的连接点击对应的inspect,打开开发者工具,剩下的就和电脑chrome一样了,这里操作界面是和手机同步的。

     

2019-12-26 14:16:21 I_lost 阅读数 28
  • 微信h5支付开发-php开发微信h5支付demo

    会员免费看,http://edu.csdn.net/lecturer/842右侧可办理会员卡。微信h5支付开发是子恒老师《子恒说微信开发》视频教程的第17部。详细讲解了微信H5支付开发,内容包含开通H5支付,实现微信h5支付,订单查询,关闭订单等等。欢迎反馈,微信号:QQ68183131

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

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

微信开发调试方法

阅读数 151

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