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

前端之家收集整理的这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

小程序获取用户的头像昵称openid之类

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

第二种

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

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

appid和secret在微信小程序后台可以看到,js_code为使用wx.login登录获取到的code参数数据,grant_type这个不用改动。

js文件

} }) },fail: function () { wx.showModal({ title: '警告通知',content: '您点击了拒绝授权,将无法正常显示个人信息,点击确定重新获取授权。',success: function (res) { if (res.confirm) { wx.openSetting({ success: (res) => { if (res.authSetting["scope.userInfo"]) {////如果<a href="https://www.jb51.cc/tag/yonghu/" target="_blank" class="keywords">用户</a>重新同意了授权<a href="https://www.jb51.cc/tag/denglu/" target="_blank" class="keywords">登录</a> 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,iv: res_user.iv },header: { 'content-type': 'application/json' },success: function (res) { that.setData({ nickName: res.data.nickName,}) wx.setStorageSync('openId',res.data.openId); } }) } }) } } }); } },fail: function (res) { } }) } } }) },complete: function (res) { } }) } } }) }

},globalData: {
userInfo: null
}

后台PHP 框架是laravel5.4版本

官方文档:

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

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

下载之后在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;
  }
}

}

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

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

原文链接:https://www.f2er.com/weapp/36250.html

猜你在找的微信小程序相关文章