html5+jquery获取微信openid -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    最近在修改一个移动商城,由于wap端是HTML5的,还大量使用了art模板技术,一开始修改很不适应,而且实现HTML5取openid一直没能实现很好的实现,经过对获取原理的理解和学习,终于还是实现了HTML获取微信openid,而且改动不大,闲话少说,直接上干货:

    一、写个js,用于取accesscode,并直接通过openid读取用户表中的注册信息

$(function () {    var wxopenid=getcookie('wxopenid');    var key=getcookie('key');    if (key==''){        var access_code=GetQueryString('code');        if (wxopenid==""){            if (access_code==null)            {                   var fromurl=location.href;                var url='https://open.weixin.qq.com/connect/oauth2/authorize?appid=填你自已的appid哟&redirect_uri='+encodeURIComponent(fromurl)+'&response_type=code&scope=snsapi_base&state=STATE%23wechat_redirect&connect_redirect=1#wechat_redirect';                location.href=url;            }            else            {                   $.ajax({                    type:'get',                    url:ApiUrl+'/index.php?act=payment&op=getopenid',                     async:false,                    cache:false,                    data:{code:access_code},                    dataType:'json',                    success:function(result){                                             if (result!=null && result.hasOwnProperty('openid') && result.openid!=""){                               addcookie('wxopenid',result.openid,360000);                                                          getlogininfo(result.openid);                            }                             else                            {                              alert('微信身份识别失败 \n '+result);                              location.href=fromurl;                            }                        }                    });                }        }else{           if (key=='' && wxopenid!='')               getlogininfo(wxopenid);          }        function getlogininfo(wxopenid){                   $.ajax({               type:'get',               url: ApiUrl + '/index.php?act=login&op=autologininfo',               data: { wxopenid:wxopenid},               dataType:'json',               async:false,               cache:false,                              success: function (result) {                                          if (result.return_code=='OK'){                           addcookie('key',result.memberinfo.key);                           addcookie('username',result.memberinfo.username);                       }else{                           alert(result.return_msg);                           location.href=WapSiteUrl+'/tmpl/member/login.html';                       }               }            });        }    }});
第二步:在html页的head中加载js文件

/**     * 获取openid     * @return type     */    public function getopenidOp(){        $jsApi=new JsApi_pub();        $code = $_GET['code'];        $jsApi->setCode($code);        echo $jsApi->getOpenId();           }
function getOpenid()<span></span>{      $url = $this->createOauthUrlForOpenid();      return $this->httpGet($url);<span></span>}
/**<span></span>*<span></span>作用:生成可以获得openid的url<span></span>*/<span></span>function createOauthUrlForOpenid()<span></span>{<span></span>$urlObj["appid"] = WxPayConf_pub::APPID;<span></span>$urlObj["secret"] = WxPayConf_pub::APPSECRET;<span></span>$urlObj["code"] = $this->code;<span></span>$urlObj["grant_type"] = "authorization_code";<span></span>$bizString = $this->formatBizQueryParaMap($urlObj, false);        //api.weixin.qq.com=101.226.90.58<span></span>return "https://api.weixin.qq.com/sns/oauth2/access_token?".$bizString;<span></span>}
另外,js文件中的变量,尽量不要用全局的,当多个js加载时,变量可能冲突,造成一些不可预则的问题;

    这样就实现了在html5页面直接取accesscode,再通过ajax方法在后台取openid;

    如果要看效果,可以微信扫码进入商城(本来只想放个二维码,又怕有人以为是什么下载链接)

   

最新文章