微信浏览器获取openid,微信开发获取openid前端实现

  微信浏览器获取openid,微信开发获取openid前端实现

  1.H5页面在微信浏览器上运行。

  2.需要关联微信官方账号(即需要openid)

  3.确定需求是否需要弹出窗口通知用户授权操作。

  4.获取地址栏参数确定是否有‘代码’,如果有,直接传到后台交换openid。没有链接获取微信提供的代码。

  5.获取的openid保存在本地,判断没有openid获取openid。

  6.这里的操作是授权框不需要弹出,代码不能重复使用,所以关注二维码的弹出窗口,不能关闭。

  //strong行关注微信官方账号,获取OpenID getcode=function(){ if(session storage . getitem( OpenID )session storage . getitem( OpenID )!=undefined) {返回false} var code=getUrlParam(code) //拦截路径中的代码,如果没有,去微信授权,如果已经获取,直接发送代码到后台获取OpenID var local=window . location . href;var APPID= xxxif(code==null code=== ){ window . location . href= https://open . weixin . QQ . com/connect/oauth 2/authorize?APPID= APPID redirect _ uri= encodeURIComponent(local) response _ type=code scope=snsapi _ basestate=# we chat _ redirect } else { get OpenID(code)//传代码到后台获取用户信息} }//传代码到后台获取OpenIDGetOpenID=function(code){ $。Ajax ({type: post ,datatype: JSON ,URL: XXX ,data: {code: code},Success:function(RES){ if(RES . status==-1){//提示您没有关注微信官方账号,没有关注微信官方账号,跳转到微信官方账号的console.log页面(您还没有关注微信官方账号);//二维码弹出$(。open popup’)。单击();返回;} else {//本地存储这个openid,刷新页面sessionstorage.setitem (OpenID ,RES . data . OpenID);location . reload();} } });}//获取地址栏的参数geturlparam=function(name){ varreg=new regexp(() name =([]*)( $));var r=window . location . search . substr(1)。匹配(reg);if (r!=null)返回unescape(r[2]);返回null}//页面执行调用getCode();这篇关于如何在Html5页面获取微信微信官方账号的openid的文章到此为止。更多关于如何在Html5页面获取微信官方账号openid的信息,请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: