微信web开发者工具如何进行调试微信网页授权 - 绿盟文章
&如何进行调试微信网页授权？废话就不多说了，绿盟小弟整理了一些相关资料，下文直入主题：之前在开发基于微信的网页授权的功能时，开发者通常需要手机上输入 URL 进而获取用户信息，从而进行开发和调试工作，可是因为手机的诸多限制，这个过程很不方便。 通过使用微信 web 开发者工具，从此开发者可以直接在 PC 或者 Mac 上进行这种调试了。具体操作步骤为：开发者可以在调试器中点击“登录”，使用手机微信扫码登录，从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页，绑定的公众号为“微信 web 开发者工具”，如下图所示：为了保证开发者身份信息的安全，对于希望调试的公众号，我们要求开发者微信号与之建立绑定关系。具体操作为：公众号登录管理后台，启用开发者中心，在开发者工具——web 开发者工具页面，向开发者微信号发送绑定邀请。绑定页面如下图所示：开发者在手机微信上接受邀请，即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面如下图所示：完成登录和绑定后，开发者就可以开始调试微信网页授权了：非静默授权的 URL： https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841ab2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_userinfo&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome在微信 web 开发者工具中打开这个 URL，webview 模拟器显示效果如图：点击“确认登录”即可带着用户信息跳转到第三方页面，很方便的进行后续的开发和调试。静默授权的 URL： https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841ab2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_base&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome在微信 web 开发者工具中打开该 URL 则会自动跳转到第三方页面。
文章来自绿盟(xDowns.com)转载请注明来路。
上一篇文章：只需一步，快速开始
扫一扫，登录网站
后使用快捷导航没有帐号？
微信小程序实现带参二维码，后台交互/wx.request({})方法/渲染页面方法 ...
可以加上你的uid作为参数，得到如下的二维码；你可以邀请朋友扫这个二维码安装小程序，不用加微信好友也可以，另外也可将它打印出来挂门店墙上。 ...
一：微信小程序实现带参二维码作者：秀杰，&效果图：场景：生成一个带用户参数的二维码，显示在小程序端或打印输入，其他人扫码进入识别用户来路**后端：**php实现调用接口：与小程序端：&image src="https://youdomain.com/getQRCode?uid=123456" /&，无js调用文档出处：注意点：二维码生成的过程与小程序端逻辑无关，在后端实现生成图片输出给&image&即可。由于代码比较简单，就直接上代码了// 服务端生成图片public function getQRCode() {
// 获取access_token
$accessTokenObject = json_decode(file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.WxPayConfig::APPID.'&secret='.WxPayConfig::APPSECRET));
// 拼接微信服务端获取二维码需要的url，见文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/qrcode.html
$url = 'https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=' . $accessTokenObject-&access_token;
$uid = $this-&input-&get('uid');
$json = '{"path": "pages/index/index?"' . $uid . ', "width": 430}';
$ch = curl_init();
//设置超时
curl_setopt($ch, CURLOPT_TIMEOUT, 60);
//如果有配置代理这里就设置代理
if(WxPayConfig::CURL_PROXY_HOST != "0.0.0.0"
&& WxPayConfig::CURL_PROXY_PORT != 0){
curl_setopt($ch,CURLOPT_PROXY, WxPayConfig::CURL_PROXY_HOST);
curl_setopt($ch,CURLOPT_PROXYPORT, WxPayConfig::CURL_PROXY_PORT);
curl_setopt($ch,CURLOPT_URL, $url);
curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,TRUE);
curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,2);//严格校验
//要求结果为字符串且输出到屏幕上
curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
//设置header
header('Content-Type: image/jpeg');
//post提交方式
curl_setopt($ch, CURLOPT_POST, TRUE);
curl_setopt($ch, CURLOPT_POSTFIELDS, $json);
//运行curl
$data = curl_exec($ch);
//返回结果
curl_close($ch);
echo $data;}header设置为header('Content-Type: image/jpeg');然后echo服务端返回的二进制data就可以了。源码下载：，本文涉及代码存于/pages/member/share文件夹中。更多信息请看：&&二：后台交互/wx.request({})方法/渲染页面方法分享者：霓虹，&的后台获取数据方式get/post具体函数格式如下：wx.request({})data: {
},onLoad:function(){this.getdata();}getdata:function(){//定义函数名称var that=this;
// 这个地方非常重要，重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了
wx.request({
url:'http://www.phonegap100.com/appapi.php?a=getPortalCate',//请求地址
data:{//发送给后台的数据
name:"bella",
header:{//请求头
"Content-Type":"applciation/json"
method:"GET",//get为默认方法/POST
success:function(res){
console.log(res.data);//res.data相当于ajax里面的data,为后台返回的数据　　　　　　that.setData({//如果在sucess直接写this就变成了wx.request()的this了.必须为getdata函数的this,不然无法重置调用函数　　　　　　logs:res.data.result　　　　　　　　　　})
fail:function(err){},//请求失败
complete:function(){}//请求完成后执行的函数
},wxml页面：
wx:for="{{logs}}" wx:for-item="value"
{{value.catname}}页面结果：&微信公众号怎么设置微信小程序二维码？微信小程序二维码制作方法
时间： 13:36:30
来源：下载吧
编辑：huangyuan
　　在之前的文章中，我们给大家介绍了进入微信小程序的方法，其中，就提到了通过扫一扫微信小程序二维码进入指定微信小程序的方法。今天，我们就来跟大家介绍一下在微信公众号设置微信小程序二维码的方法，一起来看看吧！　　在微信公众号设置微信小程序二维码的方法：　　微信公众平台上线小程序二维码，便于商户线下推广。　　1、在“设置”中查看小程序的正式二维码，该二维码只用于访问小程序的线上正式版本。　　2、通过接口获得带参数二维码。最多可生成带参数二维码10000个，请谨慎调用。　　可参考微信小程序调用文档，具体步骤如下：　　获取小程序页面二维码　　通过后台接口可以获取小程序任意页面的二维码，扫描该二维码可以直接进入小程序对应的页面　　接口地址：　　https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode？access_token=ACCESS_TOKEN　　获取access_token 详见第二页　　POST 参数说明　　示例：　　{“path”： “pages/index？query=1”， “width”： 430}　　注：pages/index 需要在 app.json 的 pages 中定义　　Bug & Tip　　tip：通过该接口，仅能生成已发布的小程序的二维码。　　tip：可以在开发者工具预览时生成开发版的带参二维码。　　tip：带参二维码只有 100000 个，请谨慎调用。下面就跟大家推荐一个有趣好玩的微信小程序：嗨图嗨图功能1、专题――DIY图片的模板，点击可以生成使用，分享到朋友圈。2、分享墙――用户上传的自己DIY作品。3、立即制作――可以用自己的图来DIY。4、告诉我――告诉产品的改进，内容的增加。想要体验怎么制作属于自己个性朋友圈照片的用户，扫一扫下面的二维码就可以啦！还等什么，赶紧扫码体验，开启你的嗨图之旅吧！
喜欢这文章可以分享给您的朋友哦
微信小程序问题汇总
微信小程序使用教程
微信小程序开发教程
　　微信小程序斗地主残局其中第26关很多小伙伴都不知道怎么过，的确这一...
　　微信跳一跳是最近风靡微信圈的休闲虐心小游戏，以清新的风格，简单的...
　　微信跳一跳很多小伙伴们在按压的时候总是出现力气过大，导致失败，还...
?微信小程序游戏头脑王者怎么邀请好友对战？小编为大家带来邀请好友对战...
微信小程序与小游戏开发浅析，微信小程序自从开放了小游戏模块，一众开发...
微信小程序猜图达人有很多小伙伴在玩，看着图片有不少玩家脑洞大开，各种...
　　微信小程序斗地主残局其中第26关很多小伙伴都不知道怎么过，的确这一...
　　微信看图知成语进士第14关答案大家都知道是什么吗？微信看图知成语是...
微信小程序成语消消看第41关答案是什么?微信成语消消看是最近很火的一款...
　 微信小程序里面的成语消消看是最近很火的小程序游戏，很多玩家都在玩...
　　微信小程序欢乐斗地主是一款非常不错的手机游戏，很多玩家都非常的喜...
　　微信跳一跳是最近风靡微信圈的休闲虐心小游戏，以清新的风格，简单的...
　　微信跳一跳很多小伙伴们在按压的时候总是出现力气过大，导致失败，还...
?微信小程序游戏头脑王者怎么邀请好友对战？小编为大家带来邀请好友对战...
微信小程序与小游戏开发浅析，微信小程序自从开放了小游戏模块，一众开发...如何给网站添加微信二维码_百度知道
如何给网站添加微信二维码
我有更好的答案
方法如下：将微信二维码下载至电脑中（个人微信号的二维码点击个人资料保存二维码；微信公众号则登陆微信公众平台，在公众号设置中点击下载二维码）。打开网页的后台（即用于更新新闻资讯等素材的管理平台），选择需要上传二维码的栏目，在内容中上传二维码图片就OK了。
采纳率：80%
来自团队：
如果你需要把二维码图片发布到网站上面，就把需要发布的二维码图片，通过网站后台上传到网站上就可以了，一般放在联系方式里边或网站页头的位置如果你是想给网站的网址生成一个二维码，只需要在网上搜索一个通过二维码生成器，把网址输入点生成，就会生成一个二维码，客户扫描二维码就可以直接进入网站
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。用户在网站注册，网站通过微信发送验证码，这个操作是怎么实现的？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。31被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答11 条评论分享收藏感谢收起0添加评论分享收藏感谢收起