点击微信公众号菜单按钮跳转网页授权登录

古城微笑少年丶 2022-05-17 11:00 207阅读 0赞

流程：

用户点击菜单按钮  
—–> 发送页面授权请求到微信后台  
—–> 得到 code 发送到 我们服务器后台的url  
—–> 将 code 参数发送到微信后台获取用户的openid返回服务器上的页面(也可以直接获取用户头像等基本信息，需用户点击同意授权)  
详情参照官方文档：  
[https://mp.weixin.qq.com/wiki?t=resource/res\_main&id=mp1421140842][https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1421140842]

//填写获取code的接口的路径  
![这里写图片描述][70]

//添加路由  
![这里写图片描述][70 1]

class WapWechatController extends Controller  
\{

public function http_curl($url){
            $ch = curl_init();
            curl_setopt($ch,CURLOPT_URL,$url);
            curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
            $output = curl_exec($ch);
            curl_close($ch);
            return json_decode($output,true);
        }
        
        public function getcode(){
    
            //1.用户同意授权，获取code
            $appid="你的appid";
            $redirect_uri=urlencode("http://www.mryggtv.com/wx/getuserinfo");
            $url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=$appid&redirect_uri=$redirect_uri&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect";
            //跳转到回调地址的方法里
            header('location:'.$url);
        }

//携带code参数跳到getuserinfo方法  
[http://www.mrygtv.com/wx/getuserinfo?code=sbnJJMJMX&state=STATE][http_www.mrygtv.com_wx_getuserinfo_code_sbnJJMJMX_state_STATE]

public function getuserinfo(Request $request){
    
        //2.通过code换取网页授权access_token,openid
    	
    		//获取code
            $code= $_GET['code'];
            $appid="你的appid";
            $secret=你的secret";
            $url="https://api.weixin.qq.com/sns/oauth2/access_token?appid=$appid&secret=$secret&code=$code&grant_type=authorization_code";
          
           $res=$this->http_curl($url,'get');
           $access_token=$res['access_token'];
           $openid=$res['openid'];
    
            //3.拉取用户信息
            $url2="https://api.weixin.qq.com/sns/userinfo?access_token=$access_token&openid=$openid&lang=zh_CN";
    
            $res2=$this->http_curl($url2,'get');
    
            //将用户信息存入数据库（举例）
            $insert = DB::table('user_auths')->insert(['openid' => $res2['openid'],'nickname' => $res2['nickname']]);
           
            //跳转到你要跳转的页面
           header('location:'.'http://www.mryggtv.com');
        }

方法2：  
将菜单 view 按钮的 url直接写为：  
“[https://open.weixin.qq.com/connect/oauth2/authorize?appid=“+yourAppid+”&redirect\_uri=”+你要跳转的url+”&response\_type=code&scope=snsapi\_base&state=1\#wechat\_redirect”][https_open.weixin.qq.com_connect_oauth2_authorize_appid_yourAppid_redirect_uri_url_response_type_code_scope_snsapi_base_state_1_wechat_redirect]  
相当于直接发送页面授权请求到微信后台，将url里的code发送给后台，直接请求第二个接口获取openid,token接口即可

[https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1421140842]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
[70]: /images/20220517/03133aecb64f440a9da6bb9b175f3d01.png
[70 1]: /images/20220517/1ce02b9b295e4a2a87661d35fa3cb485.png
[http_www.mrygtv.com_wx_getuserinfo_code_sbnJJMJMX_state_STATE]: http://www.mrygtv.com/wx/getuserinfo?code=sbnJJMJMX&state=STATE
[https_open.weixin.qq.com_connect_oauth2_authorize_appid_yourAppid_redirect_uri_url_response_type_code_scope_snsapi_base_state_1_wechat_redirect]: https://open.weixin.qq.com/connect/oauth2/authorize?appid=%E2%80%9C+yourAppid+%E2%80%9D&redirect_uri=%E2%80%9D+%E4%BD%A0%E8%A6%81%E8%B7%B3%E8%BD%AC%E7%9A%84url+%E2%80%9D&response_type=code&scope=snsapi_base&state=1#wechat_redirect%E2%80%9D