微信小程序没登录跳到登录页怎么做_微信小程序之登录态的探索

作者：Gauch https:// segmentfault.com/a/1190 000017042906

登录，几乎什么项目都会用到，其重要性不言而喻，而小程序的登录却一直是为人头疼的一件事，这里我分享下我们在小程序登录上的探索。

通常的登录都是通过一个表单，这很正常，但如果在小程序里你也这么做那就有点不可思议了，微信的一键登录对用户体验有多好你难道不知道？不用是不是脑子有坑？最主要你要利用微信的生态必须需要用微信的登录，以获取相关信息来和微信交互，OK，我们进入正题。

触发登录授权弹窗

用户在小程序、小游戏中需要点击组件后，才可以触发登录授权弹窗、授权自己的昵称头像等数据。

友情提示一下： wx.login 并不需要点击组件，需要的是 wx.getUserInfo，但通常我们都会用到 UnionID、 encryptedData、 iv 等信息完成完整的登录流程，本文主要聚焦的也是这种场景。

所以之前直接通过调用API的方式就行不通了，那么问题来了——这个点击按钮要放到哪里？

放到首页，一进小程序就必须先登录。这样显然很粗暴，而且问题并没有解决，反而会把用户直接拒之门外，毕竟你不是用小程序做后台系统，什么场景都需要授权，先授权也是必须的。

在需要授权的时候跳到登陆页面。这样就解决了上面遇到的不需要授权的时候也被强制授权，可是这样好吗？

体验上不好，操作被打断，尤其整个页面都不需要授权只有在一个地方需要授权的，例如：你正在读一篇文章，读罢深有感触，想评论一番，洋洋洒洒几十字写完正准备点击呢，他妈的跳转了！跳转了！

又一个漏斗，增加用户流失率。还TM要登录！很多用户心里一定这么想。

那就直接放在需要登录的页面上（这不是漏斗吗？很多读者一定这么想。但想想看上面那个场景，点评论时只是需要点击下弹出的登录按钮，而且还假模假样的以微信的口吻提醒你需要登录，那你会不会登录？