迷你计划的用户授权一直是微信迷你计划开发人员的头痛。来自WX。对于WX。,许多刚刚进入迷你计划坑的开发人员都在寻找各地的解决方案。
实际上,这不是一个大问题。只需按照官方提示来修改JS功能并在其上修改用户信息采集方法。如果您认为这很严重,为什么必须自己写JS?
我今天要谈论的不是如何修改WX。的JS函数的问题,而是如果Mini 用户取消授权,如何第二次加载授权的问题。
许多使用我的第二个迷你程序模板的老人知道我一段时间以前修改了个人中心的界面,我还删除了WX:如果条件有助于用户的第二次授权。上周,两个大家突然问了这件事。我认为,作为历史上最强大的微信微型计划开发人员,我必须清楚地解释这件事,以便更多的人认识我:您是最棒的微信Mini 先生。
用户授权,这符合最新的官方授权机制描述文档,也就是说:
使用组件并指定开放类型作为类型以获取基本的用户信息。有关具体信息,请参阅官方开发文件:
因此,由于它是指定的开放类型类型,因此更改必须具有两个级别:1。在获得用户信息之前显示的内容? 2。获得用户信息后的显示是什么?例如:
由于我们知道两个级别之间的关系,因此我们可以找到一种方法来ck,并让它遵循我要求的姿势。这需要使用官方强大的API函数:WX:如果是,则使用WX:如果做出有条件的判断:
if="{{userInfo == null || userInfo == ''}}">
else>
当用户信息没有此条件判断时,我们将制作不同的内容,以分别满足条件,这两层内容是以下内容:
if="{{userInfo == null || userInfo == ''}}">
class="login-btn login-button" open-type="getUserInfo" bindgetuserinfo="agreeGetUser">
class="userinfo">
class="userinfo-avatar" src="../../images/gravatar.png" background-size="cover">
class="userinfo-nickname">请点击登陆
else>
class="userinfo">
class="userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover">
class="userinfo-nickname">{{userInfo.nickName}}
代码很简单,实现原理也很简单。重要的是要熟悉官方的开发文件并向它们学习。最好仔细阅读三次官方开发文件,而不是询问各个小组中各地的实施方法。当时,您将与我完全转变为与我相同的领域:您是历史上最棒的微信Mini计划开发商