网页接入dingding扫码登录

前言

有时候我们做了一些网页,希望只有某些人才能看的话,可以搞一个钉钉扫码登录,接入也比较简单,下面记录下接入的过程。

流程

我们先看看官方的文档:钉钉接入文档
梳理一下官方的流程:
1、先跳去一个扫码网页,配置好参数就能跳,然后用用户去扫码;
2、扫码成功后,会自动跳转回你之前设置的页面,并在链接上带一个code的参数;
3、利用appkey和秘钥去获取token,这个token有效期为2小时;
4、利用第2步获取的code和第3步获取的token,去请求接口,得到一个持久码;
5、利用第4步获取的持久码再去请求接口,得到一个SNS_TOKEN;
6、利用第5步获取的SNS_TOKEN再去请求接口,得到userInfo的信息,然后解析就能拿到用户昵称。
流程很简单,就是按着文档说的,一步一步往下调接口就行。

坑点

如果是在网页直接调接口的话,会存在跨域的问题。所以得搞一个接口做转发。
我写了个PHP

<?php // 指定允许其他域名访问 header(‘Access-Control-Allow-Origin:*‘); // 响应类型 header(‘Access-Control-Allow-Methods:POST‘); // 响应头设置 header(‘Access-Control-Allow-Headers:x-requested-with,content-type‘); $type=$_GET[‘type‘]; if($type==""){ echo "请输入type"; }else if($type==1){ echo curl_get_https("https://oapi.dingtalk.com/sns/gettoken?appid={{APP_ID}}&appsecret={{KEY}}"); }else if($type==2){ if($_GET[‘code‘]==""||$_GET[‘token‘]==""){ echo "请输入code和token"; }else{ $data = array (‘tmp_auth_code‘ => $_GET[‘code‘]); $data_string = json_encode($data); echo curl_post_https("https://oapi.dingtalk.com/sns/get_persistent_code?access_token=".$_GET[‘token‘],$data_string); } }else if($type==3){ if($_GET[‘code‘]==""||$_GET[‘token‘]==""||$_GET[‘openid‘]==""){ echo "请输入code、token、openid"; }else{ $data = array (‘openid‘ => $_GET[‘openid‘],‘persistent_code‘ => $_GET[‘code‘]); $data_string = json_encode($data); echo curl_post_https("https://oapi.dingtalk.com/sns/get_sns_token?access_token=".$_GET[‘token‘],$data_string); } }else if($type==4){ if($_GET[‘token‘]==""){ echo "请输token"; }else{ echo curl_get_https("https://oapi.dingtalk.com/sns/getuserinfo?sns_token=".$_GET[‘token‘]); } }else{ echo "没有获取内容"; } function curl_post_https($url,$data_string){ // 模拟提交数据函数 $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 5); curl_setopt($ch, CURLOPT_HTTPHEADER, array (‘Content-Type: application/json;charset=utf-8‘)); curl_setopt($ch, CURLOPT_POSTFIELDS, $data_string); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // 线下环境不用开启curl证书验证, 未调通情况可尝试添加该代码 curl_setopt ($ch, CURLOPT_SSL_VERIFYHOST, 0); curl_setopt ($ch, CURLOPT_SSL_VERIFYPEER, 0); $res = curl_exec($ch); curl_close($ch); return $res; // 返回数据,json格式 } function curl_get_https($url){ $curl = curl_init(); // 启动一个CURL会话 curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_HEADER, 0); curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); // 跳过证书检查 curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true); // 从证书中检查SSL加密算法是否存在 $tmpInfo = curl_exec($curl); //返回api的json对象 //关闭URL请求 curl_close($curl); return $tmpInfo; //返回json对象 } ?> 

OK,通过上面的接口转发后,前端就可以按照上面的接口去调了,很简单。

其他

如果按照正常的逻辑呢,是要求2小时token过期,然后要重新扫码登录的。但我们的需求不用那么严格,只要他扫码过,登录成功,验证了用户身份,就保存下状态,下次再进入该网页的时候,就不用再扫码了。流程图如下:

 

 

OK,大概就这样。

相关文章