您的位置: 首页 > 小程序开发 > 微信小程序授权登录

微信小程序授权登录

2021-04-28 15:02:25        栏目: 小程序开发

微信小程序授权登录一: 微信小程序用户登录授权开发心得分享

有很多小程序应用免不了使用会员与获取用户位置,这就需要使用微信小程序的用户登录授权和获取位置授权。小程序在这方面做的越来越好。

刚开始的时候,用户授权是直接弹出授权框,用户选择YESORNO。选择YES顺利进行,但是如果选择了NO,就无法重新授权,需要先退出,然后在小程序列表删除小程序,然后重新打开再次进行授权。这种体验对用户来说是非常不好的,非常容易丢失用户,如果对小程序不太熟悉或者不太清楚的用户就直接放弃使用了。

后来小程序官方注意到这点了,于是增加了用户点击按钮授权的方式,当小程序弹出授权提示框用户选择拒绝的时候,可以进入一个页面,页面里放置重新授权按钮,用户点击按钮可进行重新授权,这样用户就不需要删除小程序了。这种方式应该是目前最好的解决方案。

不过昨天微信小程序官方推送文章谈到弹出提示框授权的方式会逐渐退出,不推荐使用这种方式,因为发现很多用户一打开小程序,用户还不知道小程序是干嘛的,就直接弹出授权框让用户授权,直接让用户懵逼,从而给用户造成困扰,从而丢失用户。因为第一个页面决定了用户对这个应用的认知,有了认知以后才会考虑是否继续使用,是否允许授权,所以最好第一个页面不要直接让用户授权,而且用户需要用到会员的功能,需要继续使用应用的高级功能时才弹出授权,这样用户选择授权的成功率会大大提高。这里涉及到一个问题,如果这样,那么以前弹窗授权的方式还能用吗?答案肯定是可以的,就像以前的LOADING提示框一样,虽然考虑退出,但会保持原有小程序的兼容,所以短期肯定可以继续使用。


微信小程序授权登录二: 微信小程序如何做好“授权”设计?

编辑导读:授权登录降低了用户注册账号时的操作成本,减少了产品的获客门槛。在本文中,作者结合案例,盘点了微信小程序授权登录设计中需要注意的几点问题,并对功能设计背后的设计思路与原理进行了简要的分析,供大家一同参考学习。

经历了四个小程序从0-1的设计/研发/上线的生命周期,深感小程序由于微信生态圈的影响,使它拥有很多便捷的封装功能,支持直接调用;同时弊端就是导致很多功能受限,不像原生app那样灵活多变。踩过无数坑,填过无数坑,所以萌生了总结小程序从头到尾各个环节的知识点,算存档也算分享给读者。适合刚入门接触小程序设计的同学或者是希望深入了解小程序的同学。

本文会从小程序一开始需要掌握的openID、UnionID、授权微信绑定手机号、获取其他用户信息,到亲身经历的单一登录流程改造跨平台适配作为案例,来介绍这些基本的参数和功能点如何设计。

01openID

这是微信生态圈中,为了识别用户,每个小程序或者公众号对每个用户生成的一个唯一的ID,类似身份证号,针对该小程序或公众号具有唯一校验的属性。

储存openID,在用户下次进入小程序中,可识别用户身份,实现免登陆功能。小程序本身已经实现了登录功能,所以降低的开发成本。但获取openID只适用于规划中不含有app等其他平台应用的产品,如果想要实现多应用,在最初设计时,千万不要用openID!此处踩了大坑,后文中会详细介绍。

02UnionID

如果开发者拥有多个移动应用、网站应用、和公众帐号(包括小程序),可通过UnionID来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用、网站应用和公众帐号(包括小程序),用户的UnionID是唯一的。

换句话说,同一用户,对同一个微信开放平台下的不同应用,UnionID是相同的。注意:需要在微信开放平台将多个应用绑定在同一主体下,才能实现多应用共用一个UnionID,此配置需要前置进行。

03其他用户信息

包括:用户信息、地理位置、定位、通讯地址、发票抬头、获取发票、运动步数。

04微信绑定手机号

获取用户微信默认绑定的手机号,需要用户点击页面中的按钮(button),才可以调用此功能。弹窗里支持用户修改手机号。如果业务中需要使用手机号来注册,就可以使用此功能获取,如业务中不强制要求,则只需获取用户openID/UnionID,在必要环节获取手机号,以提升用户体验。介绍完openID/UnionID两者的区别,总结一下如何获取这两种ID:

举个栗子,如果你想要获取用户的昵称头像和手机号,那么需要设计两次点击按钮,并且弹出两次授权弹窗,一次按钮点击获取一种授权,并且只能放在不同的按钮中。设计参考:美团、瑞幸、贝壳租房等小程序。

05单一登录流程改造跨平台适配案例

5.1旧方案的背景及流程图

我们的产品是一个分销平台,在最初规划和设计时,由于用人成本的因素,并没有预备研发app,只是单纯的希望通过小程序实现运营推广。但是在运营过程中,特殊的业务模式容易违规,怕被用户举报较多导致封号。高层决定不再依托于微信生态圈,从而倾斜资源自主研发app。所以当时小程序的整个登录流程,需要进行升级改造,用于适配app多设备注册登录。

旧方案流程如下:

踩的坑有两个地方:

第一,未与研发人员明确登录的概念,研发人员认为获取到用户的openID视为登录成功,对于我们的业务设计来说,获取到用户的手机号码才是真正意义的有效用户。

第二,由于开始并未规划app,导致研发人员在取用户信息时,选择了获取用户的openID,当多个移动应用时,无法获取用户的unionID,用户在各个应用中数据无法打通。

但是改造时,已有300多个授权手机号用户,所以改造方案花了很长时间探讨和研究,最终得出了一个相对来说完整的解决方案。

5.2改造后的方案

在APP中,我们设计了微信授权登录、手机号验证码登录,手机号密码登录三种登录模式。微信授权登录的设计相对来说比较复杂。我只梳理了一个简易流程,研发的思路由项目经理负责输出。产品设计思路:

研发思路(大力感谢小黑同学的贡献):

在设计过程中,我遇到了一个思维误区,当时考虑的问题如下:

如果用户在app登录,有了unionID,他绑定了其他手机号怎么办?这个时候创建一个新用户吗?那就存在一个unionid绑定了两个手机号的情况。

这种场景如何处理?

这个地方的盲区在于,我一定要把openID和unionID关联起来,其实大可不必。在这种情况下,以手机号为唯一标识,视为两个用户即可,只有绑定了相同手机号,数据才会互通合并。创建的新用户,他的openID为空,获取到unionID即可。

即:用户A是openID+手机号1,用户B是unionID+手机号2+openID为空。

06写在后面

小程序快速便捷的研发模式和迭代模式,可以适应大部分互联网产品快速迭代、快速试错的需求,但是全部依赖于微信生态圈会有诸多限制,作为小程序的产品经理,大家应该熟读小程序和公众号的文档,清楚什么可以做什么无法实现,这样在设计功能时,不会走太多弯路,也避免了与研发同学产生冲突,设计了他们实现不了的需求。

参考网站:https://developers.weixin.qq.com/miniprogram/dev/framework/

最后再次感谢小黑同学的批阅和指正~


微信小程序授权登录三: 关乎隐私!你的微信和QQ授权了多少应用?赶快查一查吧!-免费微信小程序生成

这些年,你用微信和QQ都干了啥?

别紧张~小编只是想问问乃们是不是在平时为了图方便,不想注册网站或APP的时候,都会选择用微信或QQ来授权登录呢?时间长了,有很多网站或者APP已经不再使用了,而你是不是忘记取消授权了呢?有时候一个不小心还会暴露了个人隐私!比如地理位置、个人相册等。

不管你记不记得授权登录了哪些网站和应用,小编在这里都要给乃们介绍一个小技巧,一键取消授权~

查QQ授权

首先在浏览器中搜索“QQ互联官网”并打开:

在首页右上角点击登录,登录之后点击QQ头像旁边的「授权管理」

这样你就可以看到你都授权过哪些网站和APP,点击右边的「授权管理」会出现一个弹框,点击「取消全部授权」就可以取消授权啦~

查微信授权

查微信授权就简单粗暴多啦~打开最新版微信:我-设置-隐私-授权管理。

接下来就会看到你授权过的应用,点击右上角的「管理」,每个授权过的应用前会出现红色的减号,点击减号即可删除该应用的授权。

当然,如果不小心关闭了某个要经常使用的功能授权也没关系,再次使用应用的时候,应用会再次弹出授权提醒,重新授权就可以了。

这个小技巧实用吗?现在就可以查查你这些年都干了啥啦~