devbox
2023面试高手
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信小程序授权登录wx.getUserProfile获取不到昵称及头像解决方案_getuserprofile怎么解决

作者：2023面试高手 | 2024-05-24 05:42:00

赞

踩

getuserprofile怎么解决

半年前做的个小程序，更新了二个文字，重新上传审核通过，悲剧了，新用户的昵称全部变为微信用户，头像全部变为默认头像，查了半天代码没找到原因，相当头大，搜了一下文档，尴尬了，11月9号新更新的规则，不再返回昵称和头像值....需要用头像昵称获取能力去触发获取！

 解决方案

第一步，点击登录按钮，弹出层，通过授权获取OPENID值和手机号信息，先完成注册。

 

 第二步，完成注册后验证昵称和头像是否为空，如为空弹出资料设置层，验证资料是否填写。点击头像按钮获取微信或者自定义上传头像，点昵称栏获取微信昵称或自定义昵称。保存！

 

 

 

 

wxml代码 

  1.   <view class="index">
  2.        
  3.         <view class="head">
  4.             <view class="headbox">
  5.                 <view class="position">
  6.  
  7.                     <view class="face">
  8.                  
  9.  
  10.                         <view class="img">
  11.                             <block wx:if="{{avatarimg}}">
  12.                                 <image class="self" mode="widthFix" src="{{avatarimg}}"></image>
  13.                             </block>
  14.                             <block wx:else>
  15.                                 <image mode="widthFix" src="headlogonew.png"></image>
  16.                             </block>
  17.                         </view>
  18.  
  19.                         <block wx:if="{{nickname}}">
  20.                             <view class="name">{{nickname}}</view>
  21.                         </block>
  22.                         <block wx:else>
  23.                             <view class="name" bindtap="getUserProfile">点击登录/注册</view>
  24.                         </block>
  25.                     </view>
  26.                     <block wx:if="{{isShowPhone}}">
  27.                         <view class="dialog-mask"></view>
  28.                           <view class="dialog-info">
  29.                             <view class="dialog-title">请点击获取授权选择绑定的手机号</view>
  30.                             <view class="dialog-footer"><button class="button" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取授权</button></view>
  31.  
  32.                         </view>
  33.                     </block> 
  34.  
  35.                     <block wx:if="{{isShowUserInfo}}">
  36.                         <view class="dialog-mask"></view>
  37.                           <view class="dialog-info">
  38.                             <view class="dialog-title">请设置头像和昵称</view>
  39.                             <view class="dialog-footer dialog-line">
  40.                             <div class="set">
  41.                                 <button open-type="chooseAvatar"  bindchooseavatar="onChooseAvatar">
  42.                                     <block wx:if="{{avatarimg}}">
  43.                                 <image mode="widthFix" src="{{avatarimg}}"></image>
  44.                             </block>
  45.                             <block wx:else>
  46.                                 <image mode="widthFix" src="/images/uploadface.png"></image>
  47.                             </block>
  48.                                
  49.                                 </button>
  50.                                 </div>
  51.                                 <div class="set">
  52.                                 <input  placeholder="请输入您的昵称" type="nickname" value="{{nickname}}" bindblur="bindblur"></input>
  53.                                 </div>
  54.                                <div class="set">
  55.                                 <button class="button" bindtap="setBtnTap">保存</button>
  56.                                 </div>
  57.                                 </view>
  58.                         </view>
  59.                     </block> 
  60.                     
  61.                     <div class="clear"></div>
  62.                 </view>
  63.             </view>
  64.         </view>
  65.     </view>

js代码

  1. /**
  2.      * 页面的初始数据
  3.      */
  4.     data: {
  5.  
  6.         isShowPhone: false, //默认先不显示获取手机号
  7.         isShowUserInfo: false,
  8.         user_id: '',
  9.         phone: '',
  10.         avatarimg: '',
  11.         nickname:'',
  12.     },
  13.     /** 获取昵称信息 */
  14.     bindblur(e) {
  15.         this.data.nickname = e.detail.value
  16.     },
  17.     /** 更换头像 */
  18.     onChooseAvatar(e) {
  19.         var that = this
  20.         wx.getFileSystemManager().readFile({
  21.             filePath: e.detail.avatarUrl, //选择图片返回的相对路径 
  22.             encoding: 'base64',
  23.             success: res => {
  24.                 wx.request({
  25.                     url: app.SiteUrl + "imgupload",
  26.                     data: {
  27.                         file: 'data:image/png;base64,' + res.data,
  28.                     },
  29.                     header: {
  30.                         'content-type': 'multipart/form-data'
  31.                     },
  32.                     success: function (res) {
  33.                         if (res.data.status == 'success') {
  34.                             that.setData({
  35.                                 avatarimg: res.data.data.image_name,
  36.                                 //isShowUserInfo: false,
  37.                             })
  38.                         } else {
  39.                             console.log('fail');
  40.                         }
  41.                     }
  42.                 })
  43.                 console.log('data:image/png;base64,' + res.data)
  44.             }
  45.         })
  46.     },
  47.     setBtnTap() {
  48.         var that = this
  49.         if (that.data.avatarimg.length == 0) {
  50.             wx.showToast({
  51.                 title: '请上传头像!',
  52.                 icon: 'error',
  53.                 duration: 1500
  54.             })
  55.         } else if (that.data.nickname.length == 0) {
  56.             wx.showToast({
  57.                 title: '请填写昵称!',
  58.                 icon: 'error',
  59.                 duration: 1500
  60.             })
  61.         } else {
  62.             wx.request({
  63.                 url: app.SiteUrl + "setUserInfo",
  64.                 data: {
  65.                     user_id: that.data.user_id,
  66.                     nickname: that.data.nickname,
  67.                     avatarimg: that.data.avatarimg,
  68.                 },
  69.                 method: 'GET',
  70.                 header: {
  71.                     'content-type': 'application/json'
  72.                 },
  73.                 success: function (res) {
  74.                     if (res.data.data.phone != '') {
  75.                         that.setData({
  76.                             isShowPhone: false,
  77.                             isShowUserInfo: false,
  78.                             nickname: that.data.nickname,
  79.                         })
  80.                         wx.setStorageSync('user_id', res.data.data.user_id);
  81.                         wx.setStorageSync('phone', res.data.data.phone);
  82.                         wx.setStorageSync('nickname', that.data.nickname);
  83.                         wx.setStorageSync('avatarimg', that.data.avatarimg);
  84.                         wx.showToast({
  85.                             title: '更新成功!',
  86.                             icon: 'success',
  87.                             duration: 1500
  88.                         });
  89.                     } else {
  90.                         that.setData({
  91.                             isShowUserInfo: false,
  92.                             isShowPhone: true,
  93.                         })
  94.                     }
  95.                 }
  96.             })
  97.         }
  98.  
  99.     },
  100.  
  101.     getUserProfile() {
  102.         var that = this
  103.         wx.showLoading({
  104.             title: '获取授权中'
  105.         })
  106.         wx.getUserProfile({
  107.             desc: '使用户得到更好的体验',
  108.             success: (res) => {
  109.                 wx.hideLoading()
  110.                 wx.request({
  111.                         url: app.SiteUrl + "getopenid",
  112.                         data: {
  113.                             code: that.data.code
  114.                         },
  115.                         method: 'GET',
  116.                         header: {
  117.                             'content-type': 'application/json'
  118.                         },
  119.                         success: function (res) {
  120.           
  121.                             that.setData({
  122.                                 session_key: res.data.data.session_key,
  123.                                 openid: res.data.data.openid
  124.                             })
  125.                  
  126.                             wx.request({
  127.                                 url: app.SiteUrl + "checkuser",
  128.                                 data: {
  129.                                     openid: res.data.data.openid
  130.                                 },
  131.                                 method: 'GET',
  132.                                 header: {
  133.                                     'content-type': 'application/json'
  134.                                 },
  135.                                 success: function (res) {
  136.                             
  137.                                     if (res.data.data.phone == '') {
  138.                                         that.setData({
  139.                                             isShowUserInfo: false,
  140.                                             isShowPhone: true,
  141.                                         })
  142.                                     }else if (res.data.data.nickname == '') {
  143.                                         that.setData({
  144.                                             isShowUserInfo: true,
  145.                                             isShowPhone: false,
  146.                                         })
  147.                                     }else {
  148.                                         that.setData({
  149.                                             isShowPhone: false,
  150.                                             isShowUserInfo: false,
  151.                                             user_id:res.data.data.user_id,
  152.                                             phone:res.data.data.phone,
  153.                                             nickname:res.data.data.nickname,
  154.                                             avatarimg:res.data.data.avatarimg,
  155.                                         })
  156.                                         wx.setStorageSync('user_id', res.data.data.user_id);
  157.                                         wx.setStorageSync('phone', res.data.data.phone);
  158.                                         wx.setStorageSync('nickname', res.data.data.nickname);
  159.                                         wx.setStorageSync('avatarimg', res.data.data.avatarimg);
  160.                                     } 
  161.                                 }
  162.                             })
  163.                         }
  164.                     }),
  165.                     that.setData({
  166.  
  167.                     })
  168.             },
  169.             fail: res => {
  170.                 wx.hideLoading()
  171.                 console.log("获取用户信息失败", res)
  172.             }
  173.         })
  174.     },
  175.  
  176.     getLogin() {
  177.         //code获取成功，保存为当前页面的全局变量code
  178.         wx.login({
  179.             success: res => {
  180.                 this.setData({
  181.                     code: res.code
  182.                 })
  183.             },
  184.             fail: res => {
  185.                 //失败
  186.             }
  187.         })
  188.     },
  189.     getPhoneNumber: function (e) {
  190.         // 登录
  191.         wx.showLoading({
  192.             title: '加载中...'
  193.         })
  194.         var self = this
  195.         wx.login({
  196.             success: res => {
  197.                 wx.hideLoading()
  198.                 var encryptedData = encodeURI(e.detail.encryptedData) // 完整的加密数据
  199.                 var iv = e.detail.iv //加密算法的初始向量
  200.                 console.log('encryptedData', encryptedData)
  201.                 console.log('iv', iv)
  202.                 wx.request({
  203.                     url: app.SiteUrl + 'getPhoneNumber',
  204.                     data: {
  205.                         'session_key': self.data.session_key,
  206.                         'encryptedData': encryptedData,
  207.                         'iv': iv,
  208.                     },
  209.                     method: 'GET',
  210.                     header: {
  211.                         'content-type': 'application/json'
  212.                     },
  213.                     success: function (res) {
  214.                         wx.hideLoading()
  215.                         if (res.data.status == 1) {
  216.                             self.setData({
  217.                                 phone: res.data.data.phoneNumber,
  218.                                 isShowPhone: false,
  219.                                 isShowUserInfo: false,
  220.                             })
  221.                             wx.setStorageSync('phone', res.data.data.phoneNumber);
  222.                             if (self.data.nickname == '') {
  223.                                 wx.request({
  224.                                     url: app.SiteUrl + 'login',
  225.                                     data: {
  226.                                         phone: self.data.phone,
  227.                                         password: 888888,
  228.                                         openid: self.data.openid,
  229.  
  230.                                     },
  231.                                     success: function (res) {
  232.                                         if (res.data != null) {
  233.                                             wx.showToast({
  234.                                                 title: "" + res.data.msg + "",
  235.                                                 icon: 'loading',
  236.                                                 duration: 2000
  237.                                             })
  238.                                                 self.setData({
  239.                                                     user_id: res.data.data.user_id,
  240.                                                     isShowPhone: false,
  241.                                                     isShowUserInfo: true,
  242.                                                 })
  243.                                             wx.setStorageSync('user_id', res.data.data.user_id);
  244.                                         }
  245.                                     }
  246.                                 });
  247.                             }
  248.                         }
  249.                     },
  250.                     fail: function (err) {
  251.                         console.log(err);
  252.                     }
  253.                 })
  254.             }
  255.         })
  256.     },

TP5接口

  1.     //登陆时先判断用户是否存在，OPENID唯一值
  2. 	public function api_checkuser() {
  3. 		$attr = $this->getattr();
  4. 		$openid = trim($attr['openid']);
  5. 			$usercount = db('user')->where(['openid' => $openid])->count();
  6. 			if ($usercount!=0) {
  7. 			    $usercheck = db('user')->where(['openid' => $openid])->find();
  8. 				$newid = $usercheck['id'];
  9. 				$phone = $usercheck['phone'];
  10. 				$nickname = $usercheck['nickname'];
  11. 				$avatarimg=$usercheck['avatarimg'];
  12. 				$tiptext = "0";
  13. 			} else {
  14. 			    $newid='';
  15. 			    $phone = '';
  16. 			    $nickname = '';
  17. 				$avatarimg='';
  18. 			    $tiptext = "1";
  19. 			}
  20. 		$json = $this->message(1,$tiptext,["user_id" => $newid,"phone" => $phone,"nickname" => $nickname,"avatarimg" => $avatarimg]);
  21. 		return $this->returnjson($json, $attr['callback']);
  22. 	}
  23. 	
  24. 	
  25. 	//登陆/注册
  26. 	public function api_login() {
  27. 		$attr = $this->getattr();
  28. 		$phone = trim($attr['phone']);
  29. 		$password = trim($attr['password']);
  30. 		$openid = trim($attr['openid']);
  31. 		$nickname = trim($attr['nickname']);
  32. 		$avatarimg = trim($attr['avatarimg']);
  33. 		$gender = trim($attr['gender']);
  34. 		$params = [
  35. 			"phone" => $phone,
  36. 			"password" => md5($password),
  37. 			"openid" => $openid,
  38. 			"nickname" => $nickname,
  39. 			"avatarimg" => $avatarimg,
  40. 			"gender" => $gender,
  41. 			"status" => 1,
  42. 			"create_time" => time(),
  43. 		];
  44. 		$newid = 0;
  45. 		try {
  46. 			$newid = db('user')->where(['openid' => $openid])->count() >= 1 ? true : false;
  47. 			if (!$newid) {
  48. 				$newid = db('user')->insert($params, false, true, "id");
  49. 				$tiptext = "注册成功";
  50. 			} else {
  51. 				$newid = db('user')->where(['openid' => $openid])->find();
  52. 				$newid = $newid['id'];
  53. 				$tiptext = "登陆成功";
  54. 			}
  55. 		} catch (Exception $ex1) {
  56. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  57. 			return $this->returnjson($json, $attr['callback']);
  58. 		} catch (PDOException $ex) {
  59. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  60. 			return $this->returnjson($json, $attr['callback']);
  61. 		}
  62. 		if ($newid <= 0) {
  63. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  64. 			return $this->returnjson($json, $attr['callback']);
  65. 		}
  66. 		$json = $this->message(1, $tiptext, ["user_id" => $newid]);
  67. 		return $this->returnjson($json, $attr['callback']);
  68. 	}
  69. 	
  70. 	
  71. 	
  72. 		
  73. 	//更新头像和昵称
  74. 	public function api_setUserInfo() {
  75. 		$attr = $this->getattr();
  76. 		
  77. 		$user_id = trim($attr['user_id']);
  78. 		$nickname = trim($attr['nickname']);
  79. 		$avatarimg = trim($attr['avatarimg']);
  80. 		$params = [
  81. 			"nickname" => $nickname,
  82. 			"avatarimg" => $avatarimg,
  83. 		];
  84. 		$newid = 0;
  85. 		try {
  86. 			$newid = db('user')->where(['id' => $user_id])->count() >= 1 ? true : false;
  87. 		//	echo($newid);
  88. 			if (!$newid) {
  89. 			//	$newid = db('user')->update(['nickname' => 'thinkphp','avatarimg'=>1])->where('id',$user_id);
  90. 			//	echo($newid);
  91. 				$tiptext = "更新失败";
  92. 			} else {
  93. 			//	$tiptext = "更新失败";
  94. 			$newid = db('user')->where(['id'=>$user_id])->update($params);
  95. 				$tiptext = "更新成功";
  96. 			}
  97. 		} catch (Exception $ex1) {
  98. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  99. 			return $this->returnjson($json, $attr['callback']);
  100. 		} catch (PDOException $ex) {
  101. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  102. 			return $this->returnjson($json, $attr['callback']);
  103. 		}
  104. 		if ($newid <= 0) {
  105. 			$json = $this->message(0, "网络错误，请刷新后再填写！");
  106. 			return $this->returnjson($json, $attr['callback']);
  107. 		}
  108. 		$json = $this->message(1, $tiptext, ["user_id" => $newid]);
  109. 		return $this->returnjson($json, $attr['callback']);
  110. 	}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/616070
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号