uni-app 新手微信小程序登入获取用户信息

2019年10月29号 是一个特殊的日子是吧!原本是想再本月发布枫瑞自己的小程序但是因为之前到处浪,导致现在博客和公众号10天都没有更新了。也是心急着想吧小程序做出来,但是枫瑞也是一个新手难免会碰到很多不会。目前小程序微信已经线上测试了,展示版本bug不多,目前兼容微信和qq

uni-app 新手微信小程序登入获取用户信息-度崩网-几度崩溃

更具官方的文档,如果开发者要存用户数据,那么登入授权的时候就得经过开发者服务器

uni-app 新手微信小程序登入获取用户信息-度崩网-几度崩溃

 

另外一种则是不通过开发者服务器,直接从微信接口获取,简单但是不利于大型产品使用,如果你的产品只是和枫瑞一样只是一个展示类型的,那么可以一下方式

 

1.发送请求

provider是登入的平台,微信啊 qq,支付宝等,把获取数据赋值给yonghuwx

  1. onLoad() {
  2. let that = this;
  3. uni.login({
  4. provider: 'weixin',
  5. success: function(loginRes) {
  6. console.log(loginRes.authResult);
  7. // 获取用户信息
  8. uni.getUserInfo({
  9. provider: 'weixin',
  10. success: function(infoRes) {
  11. console.log('用户昵称为:' + infoRes.userInfo.nickName);
  12. that.yonghuwx = infoRes.userInfo
  13. console.log(that.yonghuwx)
  14. }
  15. });
  16. }
  17. });
  18. }

建立一个数组

  1. data() {
  2. return {
  3. yonghuwx: []
  4. }
  5. },

2.渲染数据

  1. <view class="tx-w">
  2. <view class="tx">
  3. <image class="tx-img" :src="yonghuwx.avatarUrl"></image>
  4. <view class="zx"></view>
  5. </view>
  6. <view class="name">{{yonghuwx.nickName}} </view>
  7. <view class="name-qm">自然的美好的,你的</view>
  8. </view>

 

这样的效果就是用户打开小程序后直接获取用户头像和名字,不用在点击授权按钮,如果要用户点击按钮在获取权限的话

  1. <button open-type='getUserInfo' class="xx-dr">生活 != 工作</button>

效果图

uni-app 新手微信小程序登入获取用户信息-度崩网-几度崩溃

 

本文转自枫瑞博客

Uniapp

uni-app v-for循环遍历数据控制次数

2019-11-27 17:48:34

Uniapp

uni-app 微信QQ小程序转发分享配置教程

2019-11-27 17:50:45

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索