微信开发者工具如何调试url

2018-07-29 13:51:40 weixin_42615719 阅读数 13599

一.下载微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下载好后界面如下:

二.在命令行运行项目,npm run dev

三.在上张图片的红框内输入项目URL地址,如:http://localhost:8080

之后就能在该软件界面看到我们的项目,具体调试方法和浏览器一摸一样。

 

附:一款好用的软件,方便我们调试API请求,即不用在项目编写代码,就可以直接看到该URL地址下的数据。

软件名:postman

下载地址:https://www.getpostman.com/

使用方法很简单,借助软件界面提示即可。

2020-03-10 15:49:03 weixin_39709920 阅读数 959

利用微信开发者工具获取小程序指定页面路径!

文章来源:企鹅号 - 程鹏亮

小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小程序,公众号菜单中的小程序,小程序的互相跳转等等各种应用场景,今天教大家如何使用微信开发者工具获得小程序指定页面的路径。

 

 

首先你得先下载安装微信开发着工具,并且获得小程序前端代码包,像一些扫码上传的平台,你是拿不到代码包的。这些获取路径就比较麻烦。

安装好小程序开发者工具,以开发者的身份登陆工具,新建小程序项目,导入前端代码包,就可以看到下面的页面了

 

打开开发者工具,在底端可以看到页面路径和页面参数。小程序的完整路径是由小程序的页面路径和页面参数组成的。比如上面这个小程序

页面路径pages/bigcms/article/article

完整路径pages/bigcms/article/article?id=24332&typeid=3

页面路径和页面参数中间使用?连接。这个路径可以使用到很多场景,比如

2020-01-05 12:38:53 i042416 阅读数 468

假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.

假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:

那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去:

点击"绑定开发者账号":

输入待绑定的微信账号:

点击绑定,该微信号会收到一条消息,询问是否绑定:

点击同意操作完成绑定.

接下来,把要调试的web应用的url放到微信开发者工具地址栏里,回车之后,微信开发者工具就会弹出一个询问窗口,点击Allow之后,就可以在微信开发者工具提供的类似Chrome开发者工具调试器一样的界面里进行单步调试了.

这个粘贴到地址栏的url很有讲究。

https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect
其中appid=后面的值,是从微信公众号控制台里拷贝出来的appid:

redirect_uri, 即为我们开发的web应用,部署到服务器之后生成的url,需要经过url encode处理:https://www.xxx.com/smart

这个url准备好之后,将其粘贴到微信开发者工具地址栏里,回车,即可看到一个对话窗口,要求获得我们公开信息的许可:

点击Allow之后,就可以像使用Chrome开发者工具的调试器一样,在微信开发者工具里进行单步调试了:

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

2019-06-18 14:42:38 zhou_p 阅读数 2676

转:https://www.jianshu.com/p/9ced1a297c95

1.使用localhost本地调试

  1. 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只需要要你有一个手机,手机上安装了一个微信即可。
    地址:
    https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
    登录后,会得到一个微信号,和测试好的相关信息。appID,appsecret。
  2. 扫描测试号二维码, 并关注公众号.在网页服务的网页账号中点击修改,填入127.0.0.1:8080(没有http)
  3. 组装授权Url.
    https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
    把参数替换成自己的参数, appid填入测试号的appid, REDIRECT_URI填入 经过encodeURIComponent()的参数,SCOPE填入snsapi_userinfo, state=#wechat_redirect即可 eg:https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef450dbeb79f6c72&redirect_uri=http://5ed286c2.ngrok.io/wx/mp&response_type=code&scope=snsapi_userinfo&state=#wechat_redirect
  4. 把组装后的url填入微信开发者工具地址栏中就可以发起授权弹窗了

2.使用ngrok映射本机ip使外网可以访问.

  1. 申请ngrok账号(https://ngrok.com), 经过官网四步后,生成一个可在外网访问的域名
  2. 在测试账号的域名中添加自己生成的域名(不要加http和端口)
  3. 组装url 访问调试



作者:sologuy
链接:https://www.jianshu.com/p/9ced1a297c95
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

2017-08-06 12:13:10 u012432468 阅读数 32491

微信公众平台在线测试接口的使用

 

1.在线测试接口的地址https://mp.weixin.qq.com/debug

会出现以下界面:


 

接口类型为基础支持的接口负责获取access_token以及获取微信服务器的IP地址

 

这张表在你的公众号管理页面中可以找到,以下需要用到的appidsecret也是在该页面。

2.获取access_token

access_token是公众号的全局唯一票据,公众号调用微信平台各接口时都需使用access_token。我们要主动给微信平台发送客服消息,该access_token就是我们的凭证。

目前本人掌握的两种获取access_token方法:

A)通过“基础支持”获取

在上图中填入你的appidsecret,也就是

 

输入后点击 检查问题

得到:


 

如果请求失败请检查你的appidsecret输入是否有问题。返回体中给出了access_token以及存活时间即7200秒。

 

 

B)通过浏览器发送http get请求直接获取

在浏览器输入URL格式为:

https://api.weixin.qq.com/cgi-bin/token?

grant_type=client_credential&appid=你的appid&secret=你的appsecret

得到

 


3.调试接口

在第一步的界面选择接口类型:如:向用户发送消息

接口列表不用你管

参数列表里复制你刚刚的access_token粘贴进去

Body体内是一个json格式的数据(一开始不知道填啥,费了半天劲,菜鸟( o )!)


 

{

    "touser": "oYnAxwyLxq0T70sQAHhnDEhvb2AY",

    "msgtype": "text",

    "text": {

        "content": "1"

    }

}

这里touser填的是你要发送的目的地,是一个openid.每个用户在关注你的公总平台时都会分配唯一一个openid,在你的管理页面

 

Msgtype是你要发送的数据类型,这里是文本数据

content是你要发送的内容。

点击“检查问题”得到结果,表示没问题,(我关注了我的的测试号)在订阅号中找到该测试号发现收到了该信息。

 

 

返回码说明(errcode):