新!uniapp微信小程序微信授权登录

新!uniapp微信小程序微信授权登录_第1张图片

 11月后,微信小程序对于微信授权登录做了逻辑上的更改,之前的一键授权获取用户信息的功能已不再适用。已发布审核完成的小程序不受影响,但要想再发布,只能换成新的登陆逻辑了。

首先,要说明的,个人中心页面,未登陆时,应有登陆按钮,最好不要通过路由守卫跳转至登陆页

新!uniapp微信小程序微信授权登录_第2张图片新!uniapp微信小程序微信授权登录_第3张图片

登陆页也最好搭配上取消授权,返回上一级

点击授权登陆按钮,通过uniapp中的登陆方法,授权登陆,和后台进行交换,获取token,但不再能获取到头像和昵称,手机号没变化,还是沿用之前的。

登陆完成后,要跳转至个人中心页面,使用uniapp的组件通过点击获取头像和昵称

 
onChooseAvatar(e) {
				 console.log(e,'---onChooseAvatar');
				  this.formData.userInfo.avatar = e.detail.avatarUrl
			  },

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

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

昵称获取:需要将 input 组件 type 的值设置为 nickname,当用户在此 input 进行输入时,键盘上方会展示微信昵称。

从基础库2.24.4版本起,在onBlur 事件触发时,微信将异步对用户输入的内容进行安全监测,若未通过安全监测,微信将清空用户输入的内容,建议开发者通过 form 中form-type 为submit 的button 组件收集用户输入的内容。

新!uniapp微信小程序微信授权登录_第4张图片新!uniapp微信小程序微信授权登录_第5张图片

 就是这样了

 

 

你可能感兴趣的:(前端笔记,微信小程序,微信,uni-app)