微信调试工具_微信开发者工具本地调试 - CSDN
精华内容
参与话题
  • 微信公众平台接口调试工具

    万次阅读 2018-08-07 20:54:23
    微信公众平台为公众号开发者提供了网页版的接口调试工具,开发者可以直接在网页中调用对应的接口,比如获取access_token接口,创建菜单接口,发送消息接口 等等。   先看一下界面,访问: ... ...

    微信公众平台为公众号开发者提供了网页版的接口调试工具,开发者可以直接在网页中调用对应的接口,比如获取access_token接口,创建菜单接口,发送消息接口 等等。

     

    先看一下界面,访问:

    http://mp.weixin.qq.com/debug/

    可以看到如下界面:

     


    一、接口类型:因为微信公众号接口比较多,所以这里进行了分类,包括:基础支持、向用户发送消息、用户管理、自定义菜单、硬件接入api接口调试 等等;

    二、接口列表:指的是具体的接口;

    三、参数列表:调用接口需要的参数;

     

     

    一、获取access_token接口 的调用

    1.1,根据类型选择接口

    比如,此界面中调试的接口是 “获取access_token接口”,此接口主要用于调用其他接口前的验证,类似于钥匙。一般平台的接口都不会让开发者直接调用,那样既不安全也增加了平台接口的访问压力。所以平台都会在调用接口之前要求先获取“钥匙”,然后才让“进门”(调用接口)。

     

    1.2,填写参数

    下一步就是填写参数: appId 和 secret(appSecret)。上篇文章介绍了测试号的注册和登录,在测试号登录成功之后,就会发现appId和appSecret,如下图:

     

    1.3,调用调试接口

    将此appId和appSecret填写到参数对应的位置,然后点击 检查问题 按钮,就会获取返回的结果,如下图:


    这样就获取了 access_token 和 expires_in。

    access_token:访问其他接口之前的“钥匙”。我们先保存下来,一会演示调试“创建菜单接口”的时候再使用。

    expires_in:过期时间。开发者不可能每调用一次接口就要去获取一次access_token,这样既增加了微信接口服务器压力,也增加了开发者的工作量。所以为access_token设置了过期时间,单位是秒。

    开发者一般会将它先缓存在开发者服务器7200s,如果过期了再去获取,具体开发细节后面篇章再详细介绍。

     

     

    二、创建菜单接口

    刚刚介绍了 获取access_token接口 ,它就是“钥匙”,主要是为了调用其他接口做准备。下面介绍一下创建菜单接口。

     

    2.1,菜单json

    创建微信公众号菜单主要是通过json格式的字符串参数进行创建。

    菜单级别包括:一级菜单、二级菜单;

    类型包括:链接,消息,事件,调用摄像头,等等。具体可参考接口文档。

     

    简单起见,我们只创建一个链接菜单“我的菜单”,点击它可以打开百度网页,json如下:

    {
         "button": [
                  {
                        "type": "view", 
                        "name": "我的菜单", 
                        "url": "http://www.baidu.com", 
                        "sub_button": [ ]
                    }
            ]
    }

    sub_button:是二级菜单,你也可以尝试将json写的复杂一些,不过要保证格式是正确的。

    如果有二级菜单,一级菜单就只有展现作用,打不开百度链接。

     

    2.2,填写参数,调用接口

    填写刚获取的 access_token 和 菜单json字符串参数;

    点击 检查问题 按钮,提示创建菜单成功。


     

    2.3,手机微信中查看测试号菜单效果

    点击 我的菜单 按钮,即可以打开百度网页。


    提示:如果你创建菜单后,提示创建成功,但是这里的菜单没有变化,可能是由于微信公众号菜单缓存引起的,可以先取消关注,然后再关注即可。

    展开全文
  • 微信开发者工具调试大法

    万次阅读 2019-01-24 11:44:29
    由于小程序的火爆,于是去开源中国接了个私活,开发...第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点...

    由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序。于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下:

    第一步:打断点,我们必须在我们想要它停下来的地方打上调试断点,点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab,在Sources页中点开”Top”根节点,层层打开,找到自己想要调试的js文件,一般是打那种.js后面带[sm],如index.js[sm],非index.js,当然这里之后想修改内容不能在”调试”模式下修改,而要转到”编辑”模式,之前我老容易犯这个错误,打开index.js[sm]文件后,点击左边的行上的数字,就会由灰色背景变成蓝色背景,这样断点就打好了,(如果不想要了,也可以点击就会取消)如下图所示:

     

    第二步:运行,首先点击编译上面的那个运行小图标(或者快捷键ctrl+b),然后操作到你想要的那个界面或者触发某个动作,程序自动会跑到断点处代码,如下图所示:

     

    第三步:单步调试,按调试器窗口(debugger)的向下箭头(step into nextfunction call),一步步的可以往下调试,如果想跳到下一个断点,就按调试器窗口的类似于播放的小按钮,英文叫resume script execution,快捷键为F8或者Ctrl+\,如下图所示

     

    如果想看调试中变量的运行值怎么办?有许多办法,这里以查看上个界面传来的options变量值为例

    办法1:让鼠标指针放在变量上,他会有提示框,框内就是变量值,如下图所示

     

    办法2:使用console.log(options);打印出来,在console窗口可以查看,如下图所示

     

    方法3:在调试器窗口,点开Scope标签,然后再点开相应变量,如下图所示

     

    如果我们的断点过多或者不想它们调试了,怎么让它们失效呢?

    办法就是点击调试器窗口中的图标,英文叫deactive breakpoints(或者快捷键:Ctrl+F8)

    展开全文
  • 微信web开发者工具 移动调试

    万次阅读 2018-06-13 10:03:16
    1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&...3 打开微信web开发者工具 ,选择如下图PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blin...

    1 下载 微信web开发者工具:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140

    下载一个自己能用的版本:


    2 手机开启  USB调试,不赘述了。每个版本显示方法不一样。

    手机通过数据线连接PC端


    3 打开微信web开发者工具 ,选择如下图

    PS:我使用了很多手机,小米max ,iphoneX,小米5sp等等。。。没有一个能使用 X5Blink调试。。。我也开启了TBS 内核 Inspector 调试功能。但是没用。。。。

    选择移动调试,选择普通调试




    4 手机连接wifi,确保wifi和pc端在同一个网段。(这个问网管就行了)

    连接玩后,进入wlan,设置: 

    代理:手动

    主机名:上面步骤1的网卡地址,我这里是192.168.1.88


    5 微信开启一个页面,然后点击微信web开发者工具的 开始调试。

    PS: 必须先开启页面,再点击开始调试!!!

    本机访问地址: http://192.168.1.88:804/controller/action  这样的iis发布地址


    6 成功的样子:


    失败的样子,就是黑色字体。Targets:none


    具体可以参考:https://www.jianshu.com/p/13d3c2fa5412

    展开全文
  • 微信公众号开发-调试工具

    千次阅读 2019-03-15 09:07:10
    1.微信开发工具下载地址 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2.修改hosts hosts文件地址 3.hosts文件添加指向

    1.微信开发工具下载地址
    https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
    在这里插入图片描述

    2.修改hosts
    hosts文件地址
    在这里插入图片描述
    3.hosts文件添加指向
    在这里插入图片描述

    展开全文
  • 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具...
  • 微信PC调试工具

    2020-07-30 23:32:06
    微信PC调试工具微信PC调试工具微信PC调试工具微信PC调试工具
  • 首先是去遮罩, 看到题, 调试可以用浏览器改useragent来模拟微信浏览器, 也可以直接下微信开发者工具调试. 控制台直接show_zhezhao_utlis(0,1)即可, 当然还是处于需要登录的状态 实现 试卷只是第二课堂加分用, 前几...
  • 微信内置浏览器调试工具 微信调试 公众号调试 微信浏览器调试
  • 一,为什么使用natapp 1,在进行微信公众号开发时,我们需要搭建网站,并且随时都有可能修改网站内容...3,吐槽一下,本来qq浏览器有一个微信调试工具。该工具很方便使用,特别适合这种内网映射外网工作。但是现...
  • 微信调试工具无法点击授权按钮

    千次阅读 2018-04-26 22:52:32
    今天打开微信调试工具照常工作的时候发现点击授权按钮的时候没反应,再看控制台,大概意思就是说应该是“https”请求,而我的logo的地址是“http”的,显然不是这个错误,因为我没有修改过配置文件,也没有动过...
  • 下载包 git clone https://github.com/yuan1994/wechat_web_devtools 处理目录 //处理目录并启动服务 sudo mkdir /opt/tencent mv ./wechat_web_devtools/ /opt/tencent cd /opt/tencent/wechat_web_devtools/ ./nw
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 微信开发者工具  做微信公众号的过程中,自然避免不了登录账号然后进行调试,但是在chrome上我们没有办法登录,这是一个令人头疼的问题,比如这个公众号网页,只会提示出错,因为开发者限制了公众号网页的登录...
  • 突然发现企业微信微信有一个调试工具,只有企业微信管理员才能调试哈。 1.点击我的企业–>微工作台 2.开启开发者工具,并点击web开发工具。 3.点击下载地址,选择Windows 64位版本 4.下载完成后,点击安装 5...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 企业微信在其客户端内置了一个浏览器,企业微信指定的url只能在... 原理就是让企业微信内置浏览器的agent头跟其他浏览器不一样,而这个文件就是调试工具,相当于给开发者提供了一个调试入口,可以想谷歌等浏览器的F12一样
  • 微信web调试工具调试移动端接口

    千次阅读 2018-04-10 21:34:51
    工具的作用是可以在PC上模拟微信环境,调试一些对应的如授权,分享这些功能,方便快速排查问题。使用方法和下在地址见官网:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140调试微信的...
  • 当年没有出微信开发者工具的时候做微信开发是多么痛苦啊,只能靠猜。后来出了微信开发者工具,方便多了。但是问题来了,没有linux版啊。 没有环境我们就来创造环境。先说下我的系统环境,我用的是deepin,深度开发...
  • 1.使用localhost本地调试 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只...
  • 微信在线接口工具调试使用
1 2 3 4 5 ... 20
收藏数 36,494
精华内容 14,597
关键字:

微信调试工具