html5+jquery前端获取微信企业号openId

客官°小女子只卖身不卖艺 2022-06-17 12:12 346阅读 0赞

一、思路：  
1、获取企业code.  
2、利用后台传过来的access\_token，结合code，获取openId.  
二、代码

//获取openId
    $(function(){ 
      //获取location.href中的code
      var code = location.href.split('?')[1].split('&')[0].split('=')[1];
      console.log(code);
      //后台获取access_token
    
    //后台还没有给我，给我之后我再写一下
      // var access_token=access_token;
    
    
      //根据code获取openId
      function changeCode(){ 
        $.ajax({
          type:'GET',
          url:'https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo?access_token='+access_token+'&code='+code,
          dataType:'json',
          success:function(data){ 
            if(data.success){
              var openId;
              //如果是企业成员授权，返回userId,转为openId,
              //如果是非企业成员授权，返回openId
              if(data.UserId){
                var userId=data.UserId;
                //userId装换为openId
                $.ajax({
                  type:'POST',
                  url:'https://qyapi.weixin.qq.com/cgi-bin/user/convert_to_openid?access_token='+access_token,
                  dataType:'json',
                  data:{
                    userid:userId
                  },
                  success:function(data){ 
                    if(data.success){
                      openId=data.openid
                    }
                  }
                });
              }else{
                openId=data.OpenId;
              }
            }else{
              console.log('获取接口失败');
            }
          },
          error:function(jqXHR){ 
            console.log('发生错误:'+jqXHR.status);
          }
        });
      }
    });

三、微信接口文档  
地址：[http://qydev.weixin.qq.com/wiki/index.php?title=OAuth][http_qydev.weixin.qq.com_wiki_index.php_title_OAuth]验证接口  
四、关键点  
![这里写图片描述][SouthEast]  
标红的地方就是location.href获取到的值。  
五、参考文档：[http://blog.csdn.net/wenxuechaozhe/article/details/52104285][http_blog.csdn.net_wenxuechaozhe_article_details_52104285]

[http_qydev.weixin.qq.com_wiki_index.php_title_OAuth]: http://qydev.weixin.qq.com/wiki/index.php?title=OAuth
[SouthEast]: /images/20220617/f231d14bc8474a09a93c9314d4470c6a.png
[http_blog.csdn.net_wenxuechaozhe_article_details_52104285]: http://blog.csdn.net/wenxuechaozhe/article/details/52104285