小程序微信登录的人性化调整

在过往小程序实际使用场景中,我们可以发现:很多开发者在打开小程序时采用了直接弹出授权框的模式,如果用户点击拒绝授权,无法使用小程序。在用户无法获知当前小程序服务内容的情况下,很多用户会选择拒绝授权并离开当前小程序。

腾讯推出微信登录能力的初衷是:“当用户使用小程序时,可以便捷地使用微信身份登录小程序”。所以“一进入小程序就要求用户授权”的做法打断了用户正常使用小程序的流程,不够人性化,同时不利于小程序获取新用户。

良好的用户登录体验非常重要,因为对于互联网产品而言,第一个页面决定了用户对这个产品的认知,用户会选择是否继续使用这个产品。

腾讯针对这个情况,为了优化用户的使用体验,进行了人性化的调整。9月7日腾讯小程序社区公告:平台将回收“使用wx.getUserlnfo接口直接弹出授权框”的能力,开发者需要使用组件方式唤起登录授权弹窗。

并且提出了小程序登录流程设计建议:

1. 在必须用到登录信息的环节引导用户登录

在用户必须登录时才引导用户登录(如:购买前需要获取会员信息,用于同步积分数据),而不是用户一进入小程序就弹窗要求用户授权。如只需要在前端展示用户头像、昵称,无需要要求用户授权,可直接展示。

2. 清晰、准确地引导用户登录

在登录页面中,清晰、准确地告知用户当前操作是登录,说明获取登录信息的目的(如:用于同步会员积分数据等)

3. 不强制用户必须的登录后才能使用小程序服务

提供游客模式,不强制用户必须登录后才能进入小程序,避免因用户登录授权问题而导致用户的流失。

根据腾讯的指导,目前很多开发商开始优化微信登录授权调整,比如知名开发商广州乐尚网络也接受并开始了这一人性化的调整,期待给用户带来更为优质的用户体验。

原文地址:https://www.cnblogs.com/leshangPM/p/9634072.html

时间: 2024-10-10 08:48:57

小程序微信登录的人性化调整的相关文章

php(ThinkPHP)实现微信小程序的登录过程

源码也在我的github中给出 https://github.com/wulongtao/think-wxminihelper 下面结合thinkPHP框架来实现以下微信小程序的登录流程,这些流程是结合了官网和github的一个网站综合实现的 https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html?t=2017112#wxloginobject https://github.com/cantoo/learning-wxapp/bl

微信小程序获取登录手机号

小程序获取登录用户手机号. 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发. 首先,放置一个 button 按钮,将 button 的 open-type 的属性值设为 getPhoneNumber . 当用户点击并通过之后,通过绑定的事件获取微信服务器返回过来的加密数据,再根据 session_key 和 app_id 通过后台解密就可以获取手机号啦. 说到这,就上码吧!!! 1 <!--index.wxml--&g

微信小程序 授权登录详解(附完整源码)

一.前言 由于微信官方修改了 getUserInfo 接口,所以现在无法实现一进入微信小程序就弹出授权窗口,只能通过 button 去触发. 官方连接:https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01 二.实现思路 自己写一个微信授权登录页面让用户实现点击的功能,也就是实现了通过 button 组件去触发 getUserInof 接口.在用户进入微信小程序的时候,判断用户是否

微信小程序之登录连接django,以及用户的信息授权认证

小结: 1 如何自定义组件 - 组件和页面一样,也是由四个文件组成,所以我们自定义组件的时候,模拟pages文件夹,把所有的所有的组件都放在一个文件夹中,每个组件又由一个文件夹包裹,方便管理,在对应目录右击,选择新建组件 - 如果页面中要使用我们定义好的组件,必须现在对应页面的json文件中进行引用:代码如下 { "usingComponents": { "com" : "/componentes/com/com" //形式 :组件名:组件路径

完整微信小程序授权登录页面教程

完整微信小程序授权登录页面教程 1.前言 微信官方对getUserInfo接口做了修改,授权窗口无法直接弹出,而取而代之是需要创建一个button,将其open-type属性绑定getUseInfo方法.在参考了网路上各种方案之后,实现了用户在授权之后跳转到小程序首页的授权登录页面. 2.实现效果 3.实现思路 在进入小程序时先对授权情况进行判断,若已经过授权则直接跳转到首页,若还未经过授权则进入授权页面,点击页面的授权按钮会弹出选择框,选择"拒绝"则不进行跳转,选择"允许&

小程序授权登录的体验优化

大多数小程序的登录,都是这样设计的: 进来就提示你需要授权,有部分人可能就会点"拒绝"(拒绝的比例可能超出我们的预估) 然后在后续操作的时候,就进行不下去了.而且小程序会缓存一段时间用户的授权数据,所以又没办法再弹出授权登录的页面,只能删除小程序,重新进来,重新允许授权才行 我觉得,好的体验方式是:在必须需要用户授权登录的页面或操作(比如支付,创建表单),再提醒用户.如果用户还是点"拒绝",再弹出确认框提示"必须授权登录之后才能操作呢,是否重新授权登录?&

微信小程序+微信管理后台+微信用户前台

代码地址如下:http://www.demodashi.com/demo/15043.html #### 微信小程序+微信管理后台+微信用户前台 #### 产品介绍 基础功能开发:景区微信地图导游.天气及景点相关资讯微信提醒.项目适玩人群识别与推荐.会员功能.景区美食预订功能.停车付费功能.票价信息查询设置.免费WiFi连接设置. 微信小程序:开发一款用于门票销售的小程序,让用户无需关注,直接一键购票,提供快捷.便利的线上购票服务. #### 项目结构 hqc_mini_app 微信小程序相关文

小程序的登录与静默续期

每一个有数据交互的小程序,都会涉及到登录.token 等问题,openid 又是什么呢?怎么使用静默续期,来提升用户体验呢? 小程序登录 登录时序 一切的一切,都要从这么一张小程序登录时序图说起: 通常情况下,我们的小程序都会有业务身份,如何将微信帐号和业务身份关联起来呢?这个时候我们需要上图的步骤: 小程序调用wx.login()获取临时登录凭证code. 小程序将code传到开发者服务器. 开发者服务器以code换取用户唯一标识openid和会话密钥session_key. 开发者服务器可绑

小程序 之登录 wx.login()

小程序的登录关键在于使用wx.login()方法后,要到取到code值传到后台, 再用小程序平台本帐号生成的appid+addsecret+code去微信接口服务取得用户唯一标识后即可登录[注意:此步骤必须要在本项目后台服务中才能成功,在小程序端是无效的] appid+addsecret 下图是官方的登录流程图: 放上代码 showTopTips:function(e){ //登录/注册提交事件 if (userName==''){ app.toastShow(this, "请输入手机号&quo