评论

登录接口又双叕变了,三行代码挑战全网最少修改工作量

小程序登录接口改变后,还有多少修改工作量在等着你?

小程序登录、用户信息样关接口又双叕变了。

https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801

几家悲伤几家愁。。。

微信的一小步,人猿的一大步。。。

没办法,改吧。。。

翻出以前小程序这部分的代码,惊喜地发现,只需要三行代码,就能平滑过渡;

感谢我以前看似丑陋却很省事的登录代码逻辑!!!

登录逻辑如下:

1、判断库里有用户的信息没有,没有,则wx.navigateTo一个专门的授权页面:auth

2、授权成功后获得userInfo,保存到库里;

auth页代码修改如下:

auth.wxml:

修改一行代码

<button style='margin:15px;font-size:16px' type='primary' size="mini" bindtap='getUserProfile'>授权微信头像和昵称</button>


auth.js:

修改两行代码

  //原wx.getUserInfo接口
  getUserInfo: function (e) {
    let userInfo = e.detail.userInfo
    if (userInfo) this.onSaveUserInfo(userInfo)
  },


  //新增wx.getUserProfile接口
  getUserProfile: function (e) {
    wx.getUserProfile({
      desc: '业务需要',
      success: res => this.onSaveUserInfo(res.userInfo)
    })
  },


  //保存userInfo到DB
  onSaveUserInfo:function(userInfo){
    console.log(app.globalData.userInfo = userInfo)
    db.collection('user')
      .where({ _id: this.openid })
      .count()
      .then(res => {
        if (res.total > 0) {
          //doc.update
          db.collection('user').doc(this.openid).update({
            data: userInfo
          }).then(res => console.log(res))
        } else {
          //doc.add
          db.collection('user').doc(this.openid).add({
            data: userInfo
          }).then(res => console.log(res))
        }
      })
    wx.navigateBack()
  },


以下是判断用户信息是否存在的代码:

xxxx.js:

  onSubmit:async function () {
    if (await app.hasUserInfo()) { } else return
    //其他代码
  },


app.js:

  hasUserInfo: async function () {
    if (this.globalData.userInfo && this.globalData.userInfo.nickName && this.globalData.userInfo.avatarUrl) return true
    let res = await wx.cloud.database().collection('user').doc(this.openid).get().catch(err => console.log(err))
    if (res && res.data && res.data.nickName && res.data.avatarUrl) {
      this.globalData.userInfo = res.data
      return true
    } else {
      wx.navigateTo({ url: '/base/auth/auth' })
      return false
    }
  },


关于用户信息自动更新:

我们一直以来的方法如下:

1、留给用户手动授权的入口,用户更换头像后,发现自己的头像不显示,则需要手动授权刷新userInfo;

2、一般会在这个页面:我的--个人信息--授权微信头像和昵称,用户点击后,wx.navigateTo到授权页。


笔者团队认为:用户信息自动更新其实是个伪需求。理由如下:

假设某用户修改了头像:

1、用户自己打开小程序,发现头像和昵称怎么没有改过来,那么手动更新一下。用户体验没毛病,没必要非要自动更新;

2、用户如果后来不再进入小程序,别人看到的都是一张碎的头像,那么此时,自动更新也毫无作用,因为该用户都不打开小程序。

3、微信团队肯定考虑过自动更新这种要求,但他们宁愿千夫所指,也依然坚持推出新的登录接口,那就肯定是已经经过了中国最牛逼团队的全面考衡了。


补充:

登录和授权其实是两码事,可以毫无关系这么说,以上的内容主要都是关于授权微信用户信息的,下面补充一下登录的内容:

登录其实就是获取用户的openid,我们一直采用云函数来获取openid。方案如下:

在每个页面:page.js:

  onLoad: async function (options) {
    this.openid = await app.getOpenid()
  },


在app.js:

  getOpenid: async function () {
    if (this.openid) return this.openid
    let res = await this.globalData.cloud.callFunction({ name: 'login' })
    console.log(res)
    return this.openid = res.result.FROM_OPENID||res.result.OPENID
  },
最后一次编辑于  2021-04-07  
点赞 18
收藏
评论

27 个评论

  • 白小明
    白小明
    2021-04-15

    特别认同您的这个观点:「用户信息自动更新其实是个伪需求」👍

    2021-04-15
    赞同 2
    回复
  • 杰
    2021-03-11

    wx.getUserProfile 接口是有最低基础库版本要求的哟,余下的用户不用 wx.getUserInfo 兼容么?

    PS:自动更新可以判断数据库用户信息的更新时间,一定周期重新授权用户信息

    2021-03-11
    赞同 2
    回复 7
    • 跨商通
      跨商通
      2021-03-11
      我们没有兼容这样的需求。老用户都不会再需要授权,新用户才需要授权,然后新用户如果版本不高,某些环节就过不去罢了,新用户自己选择是升级微信还是离开。
      2021-03-11
      1
      回复
    • 跨商通
      跨商通
      2021-03-11
      另,我们团队认为自动更新用户信息是伪需求或者㳀需求,理由已补充到文章中。
      2021-03-11
      回复
    • 杰
      2021-03-11回复跨商通
      好的,我这就去和产品对线~(手动滑稽)
      2021-03-11
      回复
    • 杜发明
      杜发明
      2021-04-07回复跨商通
      你这样的逻辑是对的,老用户信息已经绑定了直接拉取,新用户就用新的api,如果新用户的微信版本低,在小程序里面加一个公告就行(年轻的微信用户早早就更新了,年纪大的微信用户关注自己头像的又很少)
      2021-04-07
      回复
    • 跨商通
      跨商通
      2021-04-08回复杜发明
      明白人。
      2021-04-08
      回复
    查看更多(2)
  • Dyer-blac
    Dyer-blac
    2021-03-10

    那我是使用login+getuserinfo、让小程序无需二次登录的、

    岂不是只能记录缓存、getUserProfiled 的时候缓存信息、让用户无需二次登录

    2021-03-10
    赞同 1
    回复 3
    • 跨商通
      跨商通
      2021-03-10
      我们把login和授权用户信息是分开的,是两码事,没有什么必然联系。
      2021-03-10
      回复
    • Dyer-blac
      Dyer-blac
      2021-03-11回复跨商通
      我知道、你们是分开来的、那估计我这边也要分开来获取了😭
      2021-03-11
      回复
    • 杜发明
      杜发明
      2021-04-07回复Dyer-blac
      这次更新后看样子其实就是分开成两个步骤来实现(但是你可以先login,然后拉取用户之前的信息,如果拉不到,就授权获取一下用户信息就好了。另外可以在边上加一个更新微信信息的一个按钮就可以了)
      2021-04-07
      回复
  • Hu
    Hu
    2021-08-24

    您好,有个小问题请教,在上面的auth.js文件中,小程序云开发数据库不支持doc.add吧?

    2021-08-24
    赞同
    回复
  • 桃桃康
    桃桃康
    2021-08-11

    不错。有了新的思考

    2021-08-11
    赞同
    回复
  • 小小感凯
    小小感凯
    2021-05-26

    这一改版改的头大

    2021-05-26
    赞同
    回复
  • 小小感凯
    小小感凯
    2021-05-26

    大佬,你这里是存到数据库里是吧,我想如果我存在本地存储不知道是否可行

    2021-05-26
    赞同
    回复 1
  • 汪主任
    汪主任
    2021-05-26

    最近在看小程序,看到新的getUserProfile每次都会弹窗就在想已授权了怎么还要弹窗才能获取微信信息。「用户信息自动更新其实是个伪需求」

    2021-05-26
    赞同
    回复
  • Trust.
    Trust.
    2021-05-12

    第一次用新接口,wx.getSetting scope.userInfo会返回true,后用旧的接口去后台拿数据,后台数据不同步微信用户信息https://mp.weixin.qq.com/s/LPqRBxLOUg3TNYp6wKckVA

    2021-05-12
    赞同
    回复 2
    • 跨商通
      跨商通
      2021-05-12
      wx.getSetting已经没用了。
      2021-05-12
      回复
    • Trust.
      Trust.
      2021-05-18回复跨商通
      后面又可以用了
      2021-05-18
      回复
  • 骑着蜗牛去捣蛋
    骑着蜗牛去捣蛋
    2021-04-30

    用户登录,如何判断之前用户授权过,从后端请求用户数据,用什么当作参数来作为唯一标识

    2021-04-30
    赞同
    回复 2

正在加载...

登录 后发表内容