微信小程序授权获取用户详细信息openid的实例详解

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Sherry_wy/article/details/78726747

小程序获取用户的头像昵称openid之类  雪利酒网络科技

第一种使用wx.getUserInfo直接获取微信头像,昵称

?
1
2
3
4
5
6
7
8
wx.getUserInfo({
   success:function(res) {
   that.setData({
     nickName: res.userInfo.nickName,
     avatarUrl: res.userInfo.avatarUrl,
   })
   },
})

第二种 

我们在使用小程序wx.login API进行登录的时候,直接使用wx.getUserInfo是不能获取更多的信息的,如微信用户的openid。 
官方提示,需要发送获取到的code进行请求到微信的后端API,进行用户解密之类的操作才可以获取,

根据文档,只需要进行一个get请求到如下地址即可:

?
1
2
3
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
 
appid和secret在微信小程序后台可以看到,js_code为使用wx.login登录时获取到的code参数数据,grant_type这个不用改动。

js文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
varopenId = (wx.getStorageSync('openId'))
    if(openId) {
     wx.getUserInfo({
      success:function(res) {
       that.setData({
        nickName: res.userInfo.nickName,
        avatarUrl: res.userInfo.avatarUrl,
       })
      },
      fail:function() {
       // fail
       console.log("获取失败!")
      },
      complete:function() {
       // complete
       console.log("获取用户信息完成!")
      }
     })
    }else{
     wx.login({
      success:function(res) {
       console.log(res.code)
       if(res.code) {
        wx.getUserInfo({
         withCredentials:true,
         success:function(res_user) {
          wx.request({
           //后台接口地址
           url:'https://....com/wx/login',
           data: {
            code: res.code,
            encryptedData: res_user.encryptedData,
            iv: res_user.iv
           },
           method:'GET',
           header: {
            'content-type':'application/json'
           },
           success:function(res) {
            // this.globalData.userInfo = JSON.parse(res.data);
            that.setData({
             nickName: res.data.nickName,
             avatarUrl: res.data.avatarUrl,
            })
            wx.setStorageSync('openId', res.data.openId);
 
           }
          })
         }, fail: function() {
          wx.showModal({
           title:'警告通知',
           content:'您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。',
           success:function(res) {
            if(res.confirm) {
             wx.openSetting({
              success: (res) => {
               if(res.authSetting["scope.userInfo"]) {////如果用户重新同意了授权登录
                wx.login({
                 success:function(res_login) {
                  if(res_login.code) {
                   wx.getUserInfo({
                    withCredentials:true,
                    success:function(res_user) {
                     wx.request({
                      url:'https://....com/wx/login',
                      data: {
                       code: res_login.code,
                       encryptedData: res_user.encryptedData,
                       iv: res_user.iv
                      },
                      method:'GET',
                      header: {
                       'content-type':'application/json'
                      },
                      success:function(res) {
                       that.setData({
                        nickName: res.data.nickName,
                        avatarUrl: res.data.avatarUrl,
 
                       })
                       wx.setStorageSync('openId', res.data.openId);
                      }
                     })
                    }
                   })
                  }
                 }
                });
               }
              }, fail: function(res) {
 
              }
             })
 
            }
           }
          })
         }, complete: function(res) {
 
 
         }
        })
       }
      }
     })
 
    }
 
 
 },
 globalData: { 
  userInfo:null
 }

后台是php 框架是laravel5.4版本

微信小程序开发:www.sfxl9.com

官方文档:

https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html

微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。

下载之后在php文件中引入:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<?php
 
namespace App\Http\Controllers\Admin;
 
use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\Models\User;
use App\Models\Wechatuser;
include_once  app_path('/Http/Controllers/Admin/PHP/wxBizDataCrypt.php');
 
 
 // 获取微信用户信息
  publicfunctiongetWxLogin(Request $request)
  {
   // require_once ROOTPATH . "./PHP/wxBizDataCrypt.php";
 
    $code  =  $request->get('code');
    $encryptedData  =  $request->get('encryptedData');
    $iv  =  $request->get('iv');
    $appid = "***";
    $secret =  "***";
 
    $URL = "https://api.weixin.qq.com/sns/jscode2session?appid=$appid&secret=$secret&js_code=$code&grant_type=authorization_code";
 
    $apiData=file_get_contents($URL);
    // var_dump($code,'wwwwwwww',$apiData['errscode']);
    //   $ch = curl_init();
    //   curl_setopt($ch, CURLOPT_URL, $URL);
    //   curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    //   curl_setopt($ch, CURLOPT_HEADER, 0);
    //   $output = curl_exec($ch);
    //   curl_close($ch)
 
    if(!isset($apiData['errcode'])){
      $sessionKey = json_decode($apiData)->session_key;
      $userifo = new\WXBizDataCrypt($appid, $sessionKey);
 
      $errCode = $userifo->decryptData($encryptedData, $iv, $data );
 
      if($errCode == 0) {
        return($data . "\n");
      }else{
        returnfalse;
      }
    }
  }

官方文档的登录流程图,整个登录流程基本如下图所示:

微信小程序开发

展开阅读全文

没有更多推荐了,返回首页