欢迎光临,了解微信小程序开发,就上易用通!

对于微信小程序登录的理解图

发布:2018-02-10 10:55浏览: 来源:网络 作者:cola

对于微信小程序登录的理解图(图1)

有两种获取用户信息的方案。 
1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息) 
2、包含敏感信息openId的基本信息。

 

第一种获取方案

1、首先调用wx.login()接口 让用户授权验证,也就是我们肉眼观察到的,你是否对xxxxx授权这种信息。 
2、用户成功授权后,调用wx.getUserInfo() 接口获取用户信息。 
完整代码如下

 

  1. wx.login({ success:function(){ wx.getUserInfo({ success:function(res){ var simpleUser = res.userInfo; console.log(simpleUser.nickName); } }); }
  2. });
 

第二种比较复杂了

需要与后台进行交互才能获得userInfo,但是这种方案获得的数据是完整的(包含openId)。  1、调用wx.login()接口 授权 在success 成功函数的参数中包含code。  2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv  3、将上述参数传给后台解析,生成userInfo  代码如下  js


var request = require("../../utils/request.js");

wx.login({
success:function(res_login){
if(res_login.code)
{
wx.getUserInfo({
withCredentials:true,
success:function(res_user){
var requestUrl = "/getUserApi/xxx.php";
var jsonData = {
code:res_login.code,
encryptedData:res_user.encryptedData,
iv:res_user.iv
};
request.httpsPostRequest(requestUrl,jsonData,function(res){
console.log(res.openId);
});
}
})
}
}
})

后台解析

 

  1. 
    /** * 获取粉丝信息 * 其中的参数就是前端传递过来的 */
    public function wxUserInfo($code,$encryptedData,$iv) {
    $apiUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={$this->wxConfig['appid']}&secret={$this->wxConfig['appsecret']}&js_code={$code}&grant_type=authorization_code";
    
    $apiData = json_decode(curlHttp($apiUrl,true),true);
    
    if(!isset($apiData['session_key']))
    {
    echoJson(array(
    "code" => 102,
    "msg" => "curl error"
    ),true);
    }
    
    $userInfo = getUserInfo($this->wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);
    
    if(!$userInfo)
    {
    echoJson(array(
    "code" => 105,
    "msg" => "userInfo not"
    ));
  2.  




免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。