微信小程序用户信息获取规则更新：从被动获取到主动授权

创作时间:

2025-01-22 05:34:04

作者:

@小白创作中心

微信小程序用户信息获取规则更新：从被动获取到主动授权

2022年10月，微信官方宣布对小程序用户头像昵称的获取规则进行重大调整。这一变化不仅影响了数百万小程序开发者，更直接关系到每一位微信用户的隐私安全和使用体验。

为什么要进行这次更新？

在新规实施前，部分小程序存在过度索要用户信息的现象。有些小程序甚至在用户刚打开时就强制要求获取头像昵称，如果用户拒绝授权，则无法正常使用。这种做法显然忽视了用户的隐私权和选择权。

为了改善这一状况，微信决定调整用户头像昵称的获取规则。新规要求，开发者必须采用新的方式来获取这些信息，否则将只能获得默认的灰色头像和“微信用户”昵称。

具体变化：从被动获取到主动授权

在新规实施前，开发者可以通过getUserInfo接口直接获取用户的头像昵称。这种方式虽然方便，但容易导致强制授权的情况。

新规实施后，获取用户头像昵称的方式发生了根本性变化：

头像获取：需要将button组件的open-type属性设置为chooseAvatar，并通过bindchooseavatar事件回调获取头像信息的临时路径。
昵称获取：需要将input组件的type属性设置为nickname，当用户输入时键盘上方会显示微信昵称供选择。

这种变化意味着开发者不能再被动地获取用户信息，而是需要用户主动选择是否提供这些信息。

对开发者的影响：代码重构与隐私保护

对于开发者来说，这次更新无疑是一个挑战。原有的授权机制需要彻底改变，很多小程序可能需要进行大规模的代码重构。

但是，从长远来看，这是一次非常必要的调整。它迫使开发者更加注重用户隐私，不再滥用用户信息。同时，也有助于提升用户体验，让用户在使用小程序时感到更加安全和放心。

最佳实践：如何快速适应新规？

为了帮助开发者快速适应新规，微信官方提供了详细的代码示例和开发指南。以下是获取头像和昵称的基本代码框架：

<view class="row">
  <view class="text1">头像：</view>
  <button class="avatar-wrapper" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
    <image class="avatar" src="{{userInfo.avatar || ''}}"></image>
  </button>
</view>
<view class="row">
  <view class="text1">昵称：</view>
  <input type="nickname" class="name-input" name="nickname" value="{{userInfo.nickName||''}}" bindchange="onInput" placeholder="请输入昵称" />
</view>

在JavaScript中，你需要定义相应的事件处理函数：

const onChooseAvatar = (e) => {
  const { avatarUrl } = e.detail
  console.log(avatarUrl);
}

const onInput = (e) => {
  const { value } = e.detail
  console.log('输入昵称', value);
}