阿里云租虚拟服务器

微信小程序云开发实战-答题积分赛小程序

接口联调篇：登录页头像图片上传至云存储、注册登录数据提交保存至云数据库

在最新搭建的知识答题小程序，遇到了微信授权登录上的技术难点，所以对于以往的那套登录框架不能使用了，需要搭建一套新的注册登录流程框架。

不得不做出调整，为此，首先进行了技术分析，进而去把它实现。

背景

官方发布, wx.getUserProfile被砍了。详情看用户头像昵称获取规则调整公告：

也就是说，wx.getUserProfile 接口、wx.getUserInfo 接口不能再继续使用了。

注意：wx.getUserProfile 、wx.getUserInfo已经弃用。

getUserProfile(e) { wx.getUserProfile({ desc:用于完善用户信息, success:(res)=>{this.setData({ userInfo: res.userInfo }) } }) }

既然上面这种方式不能使用了，取而代之的是下面那种方式：通过头像昵称填写的组合方式。

之前都是从官方的服务器上获取头像昵称的，现在是存储消耗自己的服务器资源，获取也消耗自己的服务器资源。

头像选择

实现思路

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

2、注意！临时路径是不能直接使用的，需要上传到自己的服务器保存，并且返回该图片文件路径，才能应用。

解决方案：通过wx.cloud.uploadFile将本地资源上传至云存储空间，如果上传至同一路径则是覆盖写。

请求参数:

实现代码

login.wxml关键代码

class="avatar-wrapper"open-type="chooseAvatar"bind:chooseavatar="onChooseAvatar"><imageclass="avatar"src="{{avatarUrl}}"mode="widthFix">