微信小程序开发注意事项20230803-小程序中获取用户信息、用户手机号

发布时间 2023-08-03 11:14:08作者: isettings

1、小程序中获取用户信息、用户手机号等,属于敏感操作,需要用户主动触发,即:

<button open-type="getPhoneNumber" onGetPhoneNumber="handleGetPhoneNumberButtonClick">一键登录</button>

  上面的伪代码是获取用户手机号的操作,点击按钮会第一时间触发半屏弹窗让用户授权获取手机号,这个操作优先级是最高的。

如果需要拦截这个弹窗,在弹窗前进行一些其他的操作,比如校验是否勾选阅读协议。是不能进行拦截的。

处理方式应该改为:

<div>
    {
        checkState && <button open-type="getPhoneNumber" onGetPhoneNumber="handleGetPhoneNumberButtonClick">一键登录</button>
    }
    {
        !checkState && <button onClick="handleButtonClick">一键登录</button>
    }
</div>

  如上的伪代码,根据阅读协议勾选的校验来进行渲染,两个相同的按钮,如果勾选了协议,则直接渲染可以获取用户手机号的按钮,否则渲染一个普通的按钮。

注意上面的伪代码,事件在微信官方应该是bindgetphonenumber, 而不是onGetPhoneNumber