2018-04-23 13:14:00 qq_28804275 阅读数 850
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

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

一、下载、安装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
2019-03-09 14:54:05 Jonty1024 阅读数 504
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

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

使用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一样了,这里操作界面是和手机同步的。

     

2017-07-27 09:50:47 weixin_34009794 阅读数 82
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

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

背景

这周做的一个活动有微信分享的功能,本来看微信JS-SDK说明文档代码一copy以为就大功告成了,可是调试-_-#,于是乎写个文章纪念下?

分享的调试

1. 下载微信开发者工具

2. 微信公众平台接口测试帐号申请

申请账号

进入如下页面:
图片描述

3. 在第2步中的页面中会看到类似的测试号二维码,关注即可

图片描述

4. 获取access token

获取access token

将打开的链接地址上的APPID和APPSECRET替换成对应的第2步中获取的测试账号信息,回车获取access_token

5. 用上一步拿到的access_token 采用http GET方式请求获得jsapi_ticket

获得jsapi_ticket

6. 用上一步拿到的jsapi_ticket获得signature

获得signature

7. 在第2步中进入的测试号管理页面设置JS接口安全域名

  1. 一级域名,非80端口需要带端口号;
    2: 域名设置不要带http://或者https://,末尾不要带"/";
    例如:abc.com

8. 查看分享是否成功

以上设置好之后,打开开发者工具,登录后,打开页面,切换到console下面,如果显示如下说明可以愉快的调试分享了:

clipboard.png

这块经常会报invalid url domaininvalid signature,出现前者错误就是第7步没有设置对啦,后者这个错误原因有好多,常犯的错误就是签名生成的不对;

2018-04-10 21:33:53 hu_feng903 阅读数 1928
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

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

最近使用开发微信相关内容,使用了微信官方提供的web开发者工具。工具的作用是可以在PC上模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。

使用方法和下在地址见官网:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

调试微信的功能这里不做详细介绍,主要介绍下,使用这个工具调试手机app接口的功能。

写过app接口的同学应该知道,调试接口比较麻烦。一般手机不能很方便的直接连到本地电脑调试,只能在测试服务器,调试很麻烦。使用这个工具只要进行如下设置:


调试手机上,设置代理(服务器和端口号是这里工具里面设置的)。这里有个前提是手机连的网络和PC是在同一个局域网内

另一个功能,通过这个工具能很清楚的看到客户端服务的接口。有发起那些网络请求,假如刚接手app接口项目,不清楚什么地方调用什么接口,通过这样操作就可以很清楚看到。app操作对应那些网络请求。



希望可以帮到需要的同学

2017-01-24 18:13:00 weixin_34275734 阅读数 194
  • 微信开发核心基础

    很多公司,企业甚至政府部分都开通了微信公众号,想要发挥微信的大价值,就必须让微信跟自己的平台或者数据库联系起来。这套《微信开发核心基础》,用一个完整的案例,告诉你微信开发流程,错误调试,如何看开发文档,学习你就可以自己做些独立开发。这个教程使用PHP为开发工具,建议你先学习子恒老师的《微信公众号使用》。学习完后,可以跟我反馈,如果好的话,会推出《微信服务号开发》教程,QQ/微信:68183131

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

  一般涉及和第三方的开发调试,都会比较麻烦些。不过,像微信这样的大公司呢,产品技术是过硬的,所以,基本上只要自己把文档看仔细了,弄好了,基本就没有问题了。

  对于后端接口一类的调试,主要就是通过打印访问日志的方式,进行一步步排查,常见的错误官方文档也有提示,仔细找找就能发现问题。

  本文主要讲解js-sdk的调试方式,因此就不说后台接口的问题了。

  js-sdk的调试难点在于,在手机上的调试,无法监控各种传输状态,由于是js类的操作,也不方便打印日志什么的。

  不过幸好,微信官方提供了一个pc版本的调试工具,可以让你像其他网页开发一样调试jssdk相关的功能。 --- 微信web开发工具

  安装好软件后,按照提示关注该页面,输入访问地址就可以进行web调试开发了。

    且说有什么好调试的吧,比如: 查看js的加载顺序,页面是否报错等。

  我遇到的问题就有,分享后,无法显示自定义的图片和文字描述,无法进行分享后的回调。

  最开始以为是官方不让自定义这些功能,经过调试之后,才发现是代码写错了的缘故。

  在调试过程中,可以看到js-sdk的初始化过程,如调用 wx.config 是否返回错误信息,wx.ready 是否执行等。

  wx变量为在微信下存在的变量,不能自定义覆盖掉!

  当使用异步调用的方式获取 token等 变量时,注意先后问题。

  当使用跨站调用token时,使用的生成token的url为当前访问的url,应以变量的形式传入。

 

  微信开发中,遇到最麻烦的问题就是,必须要有一个对外可访问的域名,80,443端口都需要对外开放,对于有安全性要求的地方来说,这个问题不太好协调。

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