Uniapp写微信小程序时，如何获取用户头像和昵称使用微信用户信息登录？

最新推荐文章于 2024-06-25 14:41:52 发布

♡成成成

最新推荐文章于 2024-06-25 14:41:52 发布

阅读量1.5k

点赞数

文章标签： uni-app 微信小程序小程序

本文链接：https://blog.csdn.net/qq_53857666/article/details/134327650

版权

本文介绍了如何在uni-app中利用微信小程序的接口获取用户头像和昵称，以实现微信登录功能。通过uni.login获取登录凭证code，使用button组件获取头像临时路径，并通过input组件收集用户昵称。注意微信基础库2.24.4版本以上对用户输入的安全监测机制。

摘要由CSDN通过智能技术生成

实现效果如下：

首先使用uni.login获取用户登录凭证code:

官方代码：

uni.login({
  provider: 'weixin', //使用微信登录
  success: function (loginRes) {
    console.log(loginRes.authResult);
  }
});

success返回参数如下：

头像选择：

需要将 button 组件 open-type 的值设置为 chooseAvatar，当用户选择需要使用的头像之后，可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。

从基础库2.24.4版本起，若用户上传的图片未通过安全监测，不触发bindchooseavatar 事件。

昵称填写：

需要将 input 组件 type 的值设置为

关注