1.献县中招小程序微信授权头像和昵称怎么修改

2.微信小程序的怎么获取用户微信id

3.微信小程序组件及获取用户权限

微信小程序获取头像昵称管理_微信小程序怎么获取用户头像

微信投票获取头像取消的步骤如下:

1、我们打开微信应用,登录账号和密码,进入微信主界面。

2、切换到[发现]选项卡,并单击里面的[小程序]按钮。

3、找到需要从内部取消的小程序。

4、接下来,我们将转到小程序的详细信息页面。我们将点击右上角的[...]符号按钮。下面将弹出一个选项框,选择(关于...)。

5、进入新页面,继续点击[...]符号,并继续单击弹出选择框中的[设置]按钮。

6、在设置页面上,我们可以看到小程序的授权信息,包括两个选项:使用我的地理位置和使用我的用户信息。如果您想回收用户信息权限,只需单击[使用我的用户信息]右侧的开关按钮将其关闭。同样,如果您想撤销地理位置权限,只需单击[使用我的地理位置]右侧的开关按钮将其关闭。

献县中招小程序微信授权头像和昵称怎么修改

不会。微信小程序只是获取你的openID、昵称、头像、地区、个性签名、性别、你关注的时间,并不能获取你手机设备信息,例如手机号、通讯录和相册等。微信小程序是微信退出的一种运行方式,不用下载软件即可使用相关服务。

微信小程序的怎么获取用户微信id

小程序微信授权头像和昵称修改步骤如下:

1、在微信小程序主页面中,点击“我”的图标。

2、进入页面后,点击头像进入个人信息页面。

3、在个人信息页面中,点击头像下方的相机或相册选择想要修改的头像即可。

微信小程序组件及获取用户权限

使用wx.getUserInfo(Object object),调用前需要 用户授权 scope.userInfo。

示例代码

// 必须是在用户已经授权的情况下调用

wx.getUserInfo({

success: function(res) {

var userInfo = res.userInfo

var nickName = userInfo.nickName

var atarUrl = userInfo.atarUrl

var gender = userInfo.gender //性别 0:未知、1:男、2:女

var province = userInfo.province

var city = userInfo.city

var country = userInfo.country

}

})

扩展资料

小程序用户信息组件示例代码

Page({

data: {

canIUse: wx.canIUse('button.open-type.getUserInfo')

},

onLoad: function() {

// 查看是否授权

wx.getSetting({

success (res){

if (res.authSetting['scope.userInfo']) {

// 已经授权,可以直接调用 getUserInfo 获取头像昵称

wx.getUserInfo({

success: function(res) {

console.log(res.userInfo)

}

})

}

}

})

},

bindGetUserInfo (e) {

console.log(e.detail.userInfo)

}

})

参考资料:

微信官方文档 - wx.getUserInfo

<view>父组件msg的值:{{msg}}</view>

<Header?msg="{{msg}}"?bindchildChange="change"?></Header>

<block?wx:for="{{list}}"?wx:key="index">

<ListItem?rItem="{{item}}"?bindchildGO="childGO"></ListItem>

</block>

<Header?msg="{{msg}}"></Header>

/*?pages/list/list.wxss?*/

.item{

padding:?5px;

}

img1{

width:?120px;

height:?120px;

border-radius:?5px;

}

.row{

flex:?1;

height:?120px;

}

.title{

padding:?10px;

}

.dec{

padding:0?10px;

}

//?pages/list/list.js

Page({

/**

?*?页面的初始数据

?*/

data:?{

msg:"你是我的小宝贝",

?list:[{

?url:"s://.baidu",

?imageUrl:"s://img1.baidu/it/u=2519912129,4264910682&fm=253&fmt=auto&=138&f=JPEG?w=800&h=500",

?title:"我的小可爱",

?content:"可爱可爱"

?},

?{

?imageUrl:"s://img1.baidu/it/u=931545919,4030748642&fm=253&fmt=auto&=138&f=JPEG?w=306&h=459",

?title:"我的小可爱",

?content:"mao可爱可爱"

?},]

},

change:function(str){

this.setData({

msg:str.detail

})

},

childGO(e){

wx.nigateTo({

?url:?'/pages/webpage/webpage?url='+e.detail,

})

},

/**

?*?生命周期函数--监听页面加载

?*/

onLoad:?function?(options)?{

},

/**

?*?生命周期函数--监听页面初次渲染完成

?*/

onReady:?function?()?{

},

/**

?*?生命周期函数--监听页面显示

?*/

onShow:?function?()?{

},

/**

?*?生命周期函数--监听页面隐藏

?*/

onHide:?function?()?{

},

/**

?*?生命周期函数--监听页面卸载

?*/

onUnload:?function?()?{

},

/**

?*?页面相关处理函数--监听用户下拉动作

?*/

onPullDownRefresh:?function?()?{

},

/**

?*?页面上拉触底的处理函数

?*/

onReachBottom:?function?()?{

},

/**

?*?用户点击右上角分享

?*/

onShareAppMessage:?function?()?{

}

})

?"usingComponents":?{

"ListItem":"/components/ListItem/ListItem",

"Header":"/components/Header/Header"

?}

<view?class="flex?item"?bindtap="go"?data-url="{{rItem.url}}">

<image?class="img1"?src="{{rItem.imageUrl}}"></image>

<view?class="row">

<view?class="title">{{rItem.title}}</view>

<view?class="dec">{{rItem.content}}</view>

</view>

</view>

.img1{

?width:?120px;

?height:?120px;

?display:?block;

?border-radius:?5px;

}

.item{

?padding:?5px;

}

.row{

?flex:?1;

?height:?120px;

}

.title{

?padding:?10px;

}

.dec{

?padding:?0?10px;

}

.flex{

?display:?flex;

}

.flex-between{

?justify-content:?space-between;

}

.flex-center{

?justify-content:?center;

?align-items:?center;

}

//?components/ListItem/ListItem.js

Component({

?/**

*?组件的属性列表

*/

?properties:?{

/*?子组件用properties来接收对象?*/

rItem:{

?/*?如果没有传入对象显示的默认值?*/

?type:Object,

?value:{

imageUrl:'s://gimg2.baidu/image_search/src=%3A%2F%2Fpic1.zhimg%2Fv2-a7c5da54b8008049fe430852c74ce2_r.jpg%3Fsource%3D1940ef5c&refer=%3A%2F%2Fpic1.zhimg&=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1648446806&t=9f16e5a2c12d51ba321695e4d339f7',

?title:'我的小可爱',

?content:'我的小可爱我的小可爱我的小可爱我的小可爱'}

}

?},

?/**

*?组件的初始数据

*/

?data:?{

},

?/**

*?组件的方法列表

*/

?methods:?{

go(e){

console.log(e)

let?url?=?e.currentTarget.dataset.url;

this.triggerEvent('childGO',url)

}

?}

})

<view?class="t"?bindtap="handler"?>{{msg}}</view>

.t{

font-size:?25px;

padding:?10px;

text-align:?center;

}

//?components/Header/Header.js

Component({

/**

?*?组件的属性列表

?*/

properties:?{

msg:{

type:String,

value:'我是Header'

}

},

/**

?*?组件的初始数据

?*/

data:?{

},

/**

?*?组件的方法列表

?*/

methods:?{

handler:function(){

/*?直接改子组件里的msg父组件不会同步所以不能直接改?*/

/*?this.setData({

msg:'你好'

})?*/

this.triggerEvent('childChange','你可真坏啊')

},

}

})

<button?bindtap="getuserInfo"?plain?type="primary">获取用户信息</button>

<image?src="{{touxiang}}"?class="t"></image>

<view>{{nicheng}}</view>

<!--?想要已进入页面就显示头像和昵称使用?open-type?标签?-->

<open-data?type="userAvatarUrl"></open-data>

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

<!--?使用语言?-->

<open-data?type="userLanguage"></open-data>

data:?{

msg:?'csgo',

touxiang:?"",

nicheng:?""

},

getuserInfo()?{

wx.getUserProfile({

desc:?'亲爱的宝贝',?//?声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写

success:?(res)?=>?{

console.log(res)

let?{

userInfo:?{

atarUrl,

nickName

}

}?=?res;

this.setData({

nicheng:?nickName,

touxiang:?atarUrl

})

}

})

},