微信小程序获取头像昵称管理_微信小程序怎么获取用户头像
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)
}
})
参考资料:
<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
})
}
})
},
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。