找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

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

作者:模板之家 2018-2-10 10:55 15153人关注

有两种获取用户信息的方案。 1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息) 2、包含敏感信息openId的基本信息。 第一种获取方案 1、首先调用wx.login()接口 让用户授

有两种获取用户信息的方案。 
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.  

路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)