• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序-获取用户信息(getUserInfo)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

当小程序抹杀掉这个接口的时候,多少人心凉了。。

 

作为一个初级web前端开发,我是更加懵逼,小程序员跑路了。。。

 

当时以及现在用的办法就是:

1.增加一个登陆或授权页

2.上线以后自动获取

3.增加一个模态框

 

现在说说第三种吧

 

index.wxml

 

 <view class=\'show-author\' style=\'display:{{ismask}}\'>
    <view class=\'show-author-title\'>
      <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" bindtap=\'closeHide\'>授权登录</button>
    </view>
  </view>
View Code

 

 

index.wxss


.show-author {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #000;
  opacity: .7;
}

.show-author-title {
  position: absolute;
  top: 50%;
  left: 22.3%;
  color: #fff;
}

.show-author-title button {
  width: 200%;
  height: 100rpx;
  background-color: #ff0;
  line-height: 100rpx;
}
View Code

 

 

 

index.js

 

closeHide:function(e){
    this.setData({
      ismask: \'none\'
    });
  },
View Code

 

 

 

index.js onload生命周期

 1  wx.getSetting({
 2       success: res => {
 3         if (res.authSetting[\'scope.userInfo\']) {
 4           // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
 5           wx.getUserInfo({
 6             success: res => {
 7               this.setData({
 8                 ismask: \'none\'
 9               });
10             }
11           })
12         }else{
13           this.setData({
14             ismask: \'block\'
15           });
16         }
17       }
18     });
View Code

 

 

 

很简单吧? 载入页面时判断是否带有所有权限,否则就弹出遮罩层! 通过点击按钮,再获取用户信息(不过第一次进入是要点2次。。 的确麻烦)

所以现在开发都是线下测试增加button获取用户信息,线上去掉button(用以前的老代码还是会自动获取用户信息)

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序登录、获取用户信息、openid和unionid详解发布时间:2022-07-18
下一篇:
微信小程序授权,获取用户信息发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap