西岙乡微信小程序之调用微信授权窗口
阅读 37352 · 发布日期 2020-08-24 17:26 · 温州优光网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】
0. 引言 微信小程序为了优化用户体验,取消了在进入小程序时立马出现授权窗口。需要用户主动点击按钮,触发授权窗口。 那么,在我实践过程中,出现了以下问题。1. 无法弹出授权窗口2. 希望在用户已经授权的情况下,不显示按钮1. 具体实现 app.js的onLaunch()函数中,添加获取用户个人信息的代码段。实现在... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...
0. 引言 微信小程序为了优化用户体验,取消了在进入小程序时立马出现授权窗口。
需要用户主动点击按钮,触发授权窗口。
那么,在我实践过程中,出现了以下问题。
1. 无法弹出授权窗口2. 希望在用户已经授权的情况下,不显示按钮1. 具体实现 app.js的onLaunch()函数中,添加获取用户个人信息的代码段。
实现在用户已经授权的情况(例如第二次打开小程序时)下,自动获取用户个人信息,而不需要用户的授权。
wx.getSetting({
success: res => {
if (res.authSetting['
scope.userInfo'
]) {
console.log("app: " + "用户已经授权") // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 wx.getUserInfo({
success: res => {
// 可以将 res 发送给后台解码出 unionId this.globalData.userInfo = res.userInfo console.log(this.globalData.userInfo) this.globalData.hasUserInfo = true // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 // 所以此处加入 callback 以防止这种情况 if (this.userInfoReadyCallback) {
this.userInfoReadyCallback(res) }
}
, fail: (res) => {
console.log("app: " + "获取用户信息失败") }
}
) }
else {
console.log("app: " + "用户暂时未授权") }
}
}
) me.wxml中添加授权按钮(具体的页面根据大家的实际情况)。
这里的button组件必须按照如下的形式。
>
data: {
userInfo: null, hasUserInfo: false }
, getUserInfo: function(e) {
console.log("me: " + "用户点击授权") if(e.detail.userInfo){
this.setData({
userInfo: e.detail.userInfo, hasUserInfo: true }
) app.data.userInfo = this.userInfo app.data.hasUserInfo = true }
}
2. 无法弹出授权窗口 这里一定要注意 授权窗口只会在用户第一次授权时出现,也就是,只会出现一次!! 在微信小程序开发工具里,需要我们清除所有缓存 3. 已经授权的情况下,不显示按钮 由于用户已经授权的时候,app.js会获取用户个人信息(而不是在用户点击授权按钮时获取),但是这个过程是异步的。
可以看到我们的授权按钮的出现时根据{
{
!hasUserInfo}
}
的真值来判断,这个值可以通过app.js是否获取了信息来赋值。
>
这时,我们希望,在app.js判断用户已经授权且获取到信息后,告诉我们的授权按钮。
我们在me.js中添加如下代码段。
onLoad: function() {
// 获取个人信息 if(app.globalData.userInfo){
this.setData({
userInfo: app.globalData.userInfo, hasUserInfo: true }
) }
else{
// 在app.js没有获取到信息时,判断app.js的异步操作是否返回信息 app.userInfoReadyCallback = res => {
this.setData({
userInfo: app.globalData.userInfo, hasUserInfo: true }
) }
}
}
为什么这里会有个app.userInfoReadyCallback函数呢,我们注意到在app.js的wx.getSetting里有一段回调函数,这个函数就是用来解决异步的问题。
推荐教程:
《微信小程序》以上就是微信小程序之调用微信授权窗口的详细内容,更多请关注php中文网其它相关文章!
微信
分享相关标签:
微信小程序本文转载于:
博客园,如有侵犯,请联系a@php.cn删除
上一篇:
小程序加载快慢的问题和解决办法
下一篇:
小程序的链接怎么提取?相关文章相关视频如何使用拍照转文字的微信小程序?微信小程序开发BUG经验的一些总结怎样将微信小程序发送到桌面?用微信小程序实现WebSocket心跳重连微信小程序之调用微信授权窗口微信小程序事件 以及事件对象初识微信小程序(4)深入了解微信小程序(一) [温州做小程序]