微信小程序授权获取用户详细信息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"]) {////如果用户重新同意了授权登录
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: { 后台是php 框架是laravel5.4版本 官方文档: https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html 微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。 下载之后在php文件中引入: namespace AppHttpControllersAdmin;
use IlluminateHttpRequest; // 获取微信用户信息
} 官方文档的登录流程图,整个登录流程基本如下图所示: 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |