zoukankan      html  css  js  c++  java
  • 小程序获取用户信息的不同方式

    使用标签open-data ,和属性type(wxml)

    可在wxml显示用户信息(自己的), 只能显示,但不能获取信息

    type:

      userAvatarUrl(用户头像)、

      userNickName(用户昵称)、

       userCountry(用户国家)、

      userCity(用户城市

    例如:

    <open-data type="userNickName"></open-data>

    <open-data type="userCountry"></open-data>

    <open-data type="userCity"></open-data>
    <open-data type="userAvatarUrl"></open-data> <!--获取用户的头像并显示-->

    使用wx.getUserInfo(js)

    注意:新版的wx.getUserInfo,不在弹出授权提示框,如果在未授权情况下使用--获取失败,使用先确保已授权

    wx.getUserInfo({
    success: (res) => {
    console.log("getUserInfo success:",res)
    },
    fail:(res)=>{
    console.log("getUserInfo fail:", res)
    }
    })
     
    已授权(.userInfo获取到用户信息):

    //getUserInfo success:{

    //此内容同下下下下下图中 detail对象的内容

    }

    未授权:

    //getUserInfo fail: {errMsg: "getUserInfo:fail scope unauthorized"}

    使用授权按钮--获取用户授权

    1. button标签, 
    2. 属性open-type="getUserInfo",
    3. 绑定事件处理出程序xxx,bindgetuserinfo="xxx"

    wxml:

    <button open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">获取用户信息</button>
    js:
    onGetUserInfo(event){
      console.log("onGetUserInfo event:",event)
    }
    操作点击按钮弹出授权框
     
    拒绝如下:

     

    授权如下(detail.userInfo获取到用户信息):

     

     
     
  • 相关阅读:
    设计模式学习——单例模式
    设计模式六大原则
    OIDC in Angular 6
    Angualr6访问API
    Angular6项目搭建
    Springboot 文件上传(带进度条)
    Oracle同义词(synonym)
    hexo从零开始到搭建完整
    Spring Security验证流程剖析及自定义验证方法
    Java设计模式-工厂方法模式(Factory Method)
  • 原文地址:https://www.cnblogs.com/baixinL/p/11994246.html
Copyright © 2011-2022 走看看