微信公众号网页授权--前端获取code及用户信息（vue）【简单详细版】

嗨喽大家好，前段时间开发微信公众号网页授权，虽然网上已经有很多关于这方面的博客或者教程，但是第一次开发还是遇到挺多坑的，以下分享一下我的遇到的一些问题的见解，希望对你们有帮助。

一、测试号相关配置

首先在你公司申请的测试号上配置好相关信息，将你的域名配置好

URL与Token都是要后台配置好的，直接叫后台给过来就好啦，域名一定要和URL的域名保持一致。

然后，在体验接口权限表里面找到网页帐号--网页授权获取用户基本信息，点击修改：

二、获取code

配置好以上回调域名等后，就可以写代码了。首先是获取code，说道获取code我们就需要用到这个接口：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 若提示“该链接无法访问”，请检查参数是否填写错误，是否拥有scope参数对应的授权作用域权限。

给大家看个使用列子

getCode () { // 非静默授权，第一次有弹框this.code = ''if (this.page == 'shopproductdetails') {var local = '你们自己的域名'} else {var local = '你们自己的域名'}var appid = '你们自己的appid'  //公众号里有自己查，不会找的查一下百度this.code = this.getUrlCode().code // 截取codeif (this.code == null || this.code === '') { // 如果没有code，则去请求window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + this.appid +"&redirect_uri=" +encodeURIComponent(local) + "&response_type=code&scope=snsapi_base#wechat_redirect"} else {// 你自己的业务逻辑}},getUrlCode() { // 截取url中的code方法var url = location.searchthis.winUrl = urlvar theRequest = new Object()if (url.indexOf("?") != -1) {var str = url.substr(1)var strs = str.split("&")for(var i = 0; i < strs.length; i ++) {theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1])}}console.log(theRequest)return theRequest},

大家可以参照一下，回调后code在路径上第二个方法截取下来，大家缓存或者用其他方式存储起来就可以用了，好啦，今天就到这，谢谢大家！

微信公众号网页授权--前端获取code及用户信息（vue）【简单详细版】相关推荐

微信公众号网页授权--前端获取code及用户信息（vue）
前段时间开发微信公众号网页授权,虽然网上已经有很多关于这方面的博客或者教程,但是第一次开发还是遇到挺多坑的,以下分享一下我的踩坑填坑之路. 一.测试号相关配置首先在你公司申请的测试号上配置好相关信息 ...
微信公众号网页授权，获取用户信息以及openid -- PHP后台
微信公众号网页授权,获取用户信息以及openid 这几天做项目,想通过公众号的appid获取用户的openid就,然后在网上查资料,问朋友,最后找到了方法,就是这个网页授权. 起初一直很蒙,这个怎么弄 ...
php微信授权没有code返回,解决关于微信公众号网页授权获取code参数的问题
解决关于微信公众号网页授权获取code参数的问题发布时间:2018-07-24 23:21, 浏览次数:3327 , 标签: code * 在微信网页授权过程中,需要获取code参数,因为我用的是公 ...
微信公众号网页授权登录的超简单实现步骤
微信开放平台为第三方移动程序提供分享.传播的接口, 使用户可将第三方程序的内容发布给好友或分享至朋友圈, 下面这篇文章主要给大家介绍了关于微信公众号网页授权登录的超简单实现方法, 需要的朋友可以参考下 ...
微信公众号网页授权思路解析及具体代码
微信公众号网页授权思路解析及具体代码微信开发文档实现方式也是两种: 1.静默授权登录授权登录以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静 ...
微信公众号网页授权40163问题【php】
微信公众号网页授权40163问题 tp5为例,emmmm-一直报40163或40029问题,翻遍了各大网站都没找到合适我的办法. 如图: 解决之后如图: 因为重定向所以请求了两次code,所以一直报4 ...
微信公众号网页授权代码优化过程（一）
2019独角兽企业重金招聘Python工程师标准>>> 第一次更新写本系列博客的主要原因是,我在处理一个微信公众号项目时要做一个网页授权的操作(官方地址是https://mp.we ...
微信公众号网页授权时序图
微信公众号网页授权时序图公众号网页授权时序图
在做微信公众号网页授权的时候，有时会重定向两次网页（302问题）
在做微信公众平台网页授权时,发现每次请求授权链接 https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxx&redirect_ ...

微信公众号网页授权--前端获取code及用户信息（vue）【简单详细版】

一、测试号相关配置

二、获取code

微信公众号网页授权--前端获取code及用户信息（vue）【简单详细版】相关推荐

最新文章

热门文章