微信小程序实现PC网站扫码授权登录获取用户信息（头像、昵称）

前言

目前微信扫码登录的实现有以下2种方式：
1、微信服务号扫码网页授权登录
2、微信开放平台Oauth2.0授权登录

以上2种方式少不了微信认证，都是需要交300元认证后才可以获得开发能力。所以我就想到了微信小程序，个人开发者无需认证也可以获得用户信息，授权登录，就可以简单实现一样的功能。

流程

1、PC端生成小程序码，携带唯一参数scene
2、微信扫码，进入小程序，获得唯一参数scene，小程序进行授权获取用户信息（头像、昵称）
3、确认登录，把当前获得的用户信息（头像、昵称、scene）一起插入数据库进行注册用户。
4、注册后，网页端保持连接（ajax轮询或者websocket）获得扫码状态，如果小程序端点击确认登录，则PC网页端就显示登录成功，显示头像和昵称。

演示

体验

点击体验

后端代码

xcx_login.php

lunxun.php

'success','nickName'=>$nickname,'avatarUrl'=>$headimg),true);
}else{
    echo json_encode(array('result'=>'loading'),true);
}

//断开数据库连接
mysql_close($con);
?>

creatqrcode.php

    
    
    
    





 $result['expires']){
        $data = array();
        $data['access_token'] = getNewToken();
        $data['expires'] = time()+7000;
        $jsonStr =  json_encode($data);
        $fp = fopen("access_token.json", "w");
        fwrite($fp, $jsonStr);
        fclose($fp);
        return $data['access_token'];
    }else{
        return $result['access_token'];
    }
}
 
//获取新的access_token
function getNewToken($appid,$appsecret){
    global $appid;
    global $appsecret;
    $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=小程序appid&secret=小程序secret";
    $access_token_Arr =  file_get_contents($url);
    $token_jsonarr = json_decode($access_token_Arr, true);
    return $token_jsonarr["access_token"];
}

$access_token = getToken();

//初始化 CURL
$ch = curl_init();

//目标服务器地址 
curl_setopt($ch, CURLOPT_URL, 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token='.$access_token);

//提交方式为POST
curl_setopt($ch, CURLOPT_POST, true);

//生成scene
$scene = rand(1111111111,9999999999);

//POST DATA
$data = array(
    'page' => 'pages/queding/index',
    'scene' => $scene
);
//把DATA转为json
$jsondata = json_encode($data,true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $jsondata);
// 对认证证书来源的检查
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
// 从证书中检查SSL加密算法是否存在
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
//获取的信息以文件流的形式返回，而不是直接输出
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

//发起请求
$result = curl_exec($ch);

//生成二维码
file_put_contents("qrcode.png",$result);
$base64_image ="data:image/jpeg;base64,".base64_encode($result);

//断开数据库连接
mysql_close($con);

echo "
";
echo "";
echo "
";
echo "
请使用微信扫码授权登录
";
echo "
";
echo "";
//实时数据流
echo "
";
    echo "
实时数据流
";
    echo "
";
    echo "
";
    echo "
";
    echo "
";
    echo "
";
echo "
";
//关闭请求
curl_close($ch);
?>

后端使用说明
xcx_login.php是小程序的wx.request的后端服务
lunxun.php是网页端的轮询扫码结果接口，我这里使用的是ajax轮询
creatqrcode.php是网页端创建小程序码的页面

数据库结构

小程序源码

小程序端只需修改后端的URL即可。

微信扫码获取小程序端源码

Author:TANKING
Web:http://www.likeyun.cn
Date:2020-06-10
WeChat:face6009