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

小程序获取用户的头像昵称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

var openId = (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' );       // 获取微信用户信息    public function getWxLogin(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 {          return false ;        }      }    }

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

微信小程序开发