人人商城修改小程序授权登录

描述

为优化用户的使用体验,平台将进行以下调整:

  1. 2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取unionID
  2. 2021年4月28日24时后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。
  3. 新增getUserProfile接口(基础库2.10.4版本开始支持),可获取用户头像、昵称、性别及地区信息,开发者每次通过该接口获取用户个人信息均需用户确认。具体接口文档:《getUserProfile接口文档》
  4. 由于getUserProfile接口从2.10.4版本基础库开始支持(覆盖微信7.0.9以上版本),考虑到开发者在低版本中有获取用户头像昵称的诉求,对于未支持getUserProfile的情况下,开发者可继续使用getUserInfo能力。开发者可参考getUserProfile接口文档中的示例代码进行适配。

请使用了wx.getUserInfo接口或的开发者尽快适配。开发者工具1.05.2103022版本开始支持getUserProfile接口调试,开发者可下载该版本进行改造。

一、调整背景

很多开发者在打开小程序时就通过组件方式唤起getUserInfo弹窗,如果用户点击拒绝,无法使用小程序,这种做法打断了用户正常使用小程序的流程,同时也不利于小程序获取新用户。

二、调整说明

通过wx.login接口获取的登录凭证可直接换取unionID

若小程序已在微信开放平台进行绑定,原wx.login接口获取的登录凭证若需换取unionID需满足以下条件:

  1. 如果开发者帐号下存在同主体的公众号,并且该用户已经关注了该公众号
  2. 如果开发者帐号下存在同主体的公众号或移动应用,并且该用户已经授权登录过该公众号或移动应用

2月23日后,开发者调用wx.login获取的登录凭证可以直接换取unionID,无需满足以上条件。

回收wx.getUserInfo接口可获取用户个人信息能力

4月28日24时后发布的新版本小程序,开发者调用wx.getUserInfo或将不再弹出弹窗,直接返回匿名的用户个人信息,获取加密后的openID、unionID数据的能力不做调整。

具体变化如下表

即wx.getUserInfo接口的返回参数不变,但开发者获取的userInfo为匿名信息。

此外,针对scope.userInfo将做如下调整:

  1. 若开发者调用wx.authorize接口请求scope.userInfo授权,用户侧不会触发授权弹框,直接返回授权成功
  2. 若开发者调用wx.getSetting接口请求用户的授权状态,会直接读取到scope.userInfo为true

新增getUserProfile接口

若开发者需要获取用户的个人信息(头像、昵称、性别与地区),可以通过wx.getUserProfile接口进行获取,该接口从基础库2.10.4版本开始支持,该接口只返回用户个人信息,不包含用户身份标识符。该接口中desc属性(声明获取用户个人信息后的用途)后续会展示在弹窗中,请开发者谨慎填写。开发者每次通过该接口获取用户个人信息均需用户确认,请开发者妥善保管用户快速填写的头像昵称,避免重复弹窗。

插件用户信息功能页

插件申请获取用户头像昵称与用户身份标识符仍保留功能页的形式,不作调整。用户在用户信息功能页中授权之后,插件就可以直接调用 wx.login 和 wx.getUserInfo 。

三、最佳实践

调整后,开发者如需获取用户身份标识符只需要调用wx.login接口即可。

开发者若需要在界面中展示用户的头像昵称信息,可以通过**组件进行渲染,该组件无需用户确认,可以在界面中直接展示。

在部分场景(如社交类小程序)中,开发者需要在获取用户的头像昵称信息,可调用wx.getUserProfile接口,开发者每次通过该接口均需用户确认,请开发者妥善处理调用接口的时机,避免过度弹出弹窗骚扰用户。

微信团队

2021年4月15日

解决小程序前端

1、在pages/message/auth/index.wxml中找到<button bindgetuserinfo="bindGetUserInfo" class="btn" openType="getUserInfo" wx:if="">点击授权</button>修改为<button bindtap="getUserProfile" class="btn" openType="getUserInfo" wx:if="">点击授权</button>

注意:wx:if=""这个里面是有东西的,花括号被转义了,里面是

2、在pages/message/auth/index.js中最后添加以下函数

getUserProfile: function() {
        var a = e.getCache("routeData"), i = a.url, s = a.params, o = "";
        Object.keys(s).forEach(function(e) {
            o += e + "=" + s[e] + "&";
        });
        var c = "/" + i + "?" + (s = o.substring(0, o.length - 1));
        wx.getUserProfile({
            desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
            success: (res) => {                
                wx.login({
                    success(a) {
                          t.post("wxapp/login",{
                              code:a.code
                          },function(b){                              
                               t.get("wxapp/auth2",{
                                  openid1: b.openid,
                                  nickname: res.userInfo.nickName,
                                  avatarUrl: res.userInfo.avatarUrl,
                                  gender: res.gender                                  
                              },function(t){                                
                                  1 == t.isblack && wx.showModal({
                                    title: "无法访问",
                                    content: "您在商城的黑名单中,无权访问!",
                                    success: function(t) {
                                        t.confirm && e.close(), t.cancel && e.close();
                                    }
                                    }), res.userInfo.openid = b.openid, res.userInfo.id = t.id, res.userInfo.uniacid = t.uniacid, 
                                    e.setCache("userinfo", res.userInfo), e.setCache("userinfo_openid", res.userInfo.openid), 
                                    e.setCache("userinfo_id", t.id), e.getSet(), wx.reLaunch({
                                        url: c
                                    })
                              })
                          })
                    }
                  })
            }
          })
        
    }

修改后端

1、找到addons/ewei_shopv2/plugin/app/core/mobile/wxapp.php,加入以下函数

public function auth2() {
        global $_GPC,$_W;
  
        $openid = $_GPC['openid1'];
        $nickname = $_GPC['nickname'];
        $avatarUrl = $_GPC['avatarUrl'];
        $gender = $_GPC['gender'];
        
        $errCode = 0;
        if ($errCode == 0) {
            // sns_wa 小程序
            //  sns_wx APP微信
            //  sns_qq APP QQ
            $this->refine($openid);
            $member = m('member')->getMember('sns_wa_'.$openid);
            if (empty($member)){
                $member = array(
                    'uniacid' => $_W['uniacid'],
                    'uid' => 0,
                    'openid' => 'sns_wa_'.$openid,
                    'nickname' => !empty($nickname) ? $nickname : '',
                    'avatar' => !empty($avatarUrl) ? $avatarUrl : '',
                    'gender' => !empty($gender) ? $gender : '-1',                 
                    'openid_wa' =>$openid,
                    'comefrom' =>'sns_wa',
                    'createtime' => time(),
                    'status' => 0,
                    //这个是我们做的6位数随机邀请码,如果你们的项目也需要的话就在数据库增加这个字段,先注释掉吧
                    //'userstr' => $this->GetRandStr(6) 
                );
                pdo_insert('ewei_shop_member', $member);
                $id = pdo_insertid();
                $data['id'] = $id;
                $data['uniacid'] = $_W['uniacid'];
                if(method_exists(m('member'),'memberRadisCountDelete')) {
                    m('member')->memberRadisCountDelete(); //清除会员统计radis缓存
                }
            }else{
                $updateData = array(
                    'nickname' => !empty($nickname) ? $nickname : '',
                    'avatar' => !empty($avatarUrl) ? $avatarUrl : '',
                    'gender' => !empty($gender) ? $gender : '-1',
                );
                pdo_update('ewei_shop_member',$updateData,array('id'=>$member['id'],'uniacid'=>$member['uniacid']));
                $data['id'] = $member['id'];
                $data['uniacid'] = $member['uniacid'];
                $data['isblack'] = $member['isblack'];
            }
            if (p('commission')) {
                p('commission')->checkAgent($member['openid']);
            }
            
            app_json($data,$openid);
        }
        app_error(AppError::$WxAppError , '登录错误, 错误代码: '.$errCode);
    }

自此,修改完成,去小程序开发者工具内清除缓存数据,然后试一下获取授权,就可以看到弹窗获取授权信息了,然后去个人中心也可以看到用户头像和昵称了

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦