微信小程序开发-使用常用API
小程序开发
浏览：720 次
1、 Wx GetUserProfile获取用户信息
微信登录小程序方法通过wx.getUserProfile实现。
1.页面wxml文件
2.页面wxss文件
.登录{
高度：400rpx；
背景色：rgb（91、127、163）；
字体大小：28rpx；
显示器：柔性；
对齐内容：居中；
对齐项目：居中；
}
.btn语言{
宽度：100rpx；
高度：50rpx；
边框：1px实心#ccc；
文本对齐：居中；
线高：50rpx；
背景色：白色；
边界半径：6rpx；
}
.头像{
宽度：140rpx；
显示器：柔性；
弯曲方向：柱；
对齐内容：居中；
对齐项目：居中；
}
化身.img{
宽度：140rpx；
高度：140rpx；
边界半径：50%；
}
.avatar.txt{
颜色：#fff；
顶部边距：10rpx；
}
3.页面js文件
第页({
数据：{
//是否登录
isLogin:false，
//头像
化身Url:“”，
//昵称
昵称：“”，
},
//登录方法
登录（）{
//获取当前微信用户信息
wx.获取用户配置文件({
//设置获取微信信息的目的
描述：'登录系统'，
//成功获取用户信息的回调函数
成功：（e）=>{
//获取用户的头像和昵称
让｛userInfo:｛avatarUrl，昵称｝｝＝e
//更新页面呈现
this.set数据({
化身Url:avatarUrl，
昵称：昵称，
isLogin:真
})
//将头像和昵称保存到缓存
wx。setStorageSync（“avatarUrl”，化身Url）
wx。setStorageSync（“昵称”，昵称）
}
})
},
//退出登录方法
退出（）{
//清除缓存数据
wx.clearStorageSync（）
this.set数据({
化身Url:“”，
昵称：“”，
isLogin:错误
})
},
onLoad:函数（）{
//判断缓存中是否有用户昵称。如果存在，则表示用户已登录
if（wx.getStorageSync（'nickName'））{
this.set数据({
isLogin:true，
昵称：wx.getStorageSync（“昵称”），
化身URL：wx.getStorageSync（“化身URL”）
})
}
}
})
4.功能效应
登录界面
点击登录按钮获取当前微信用户信息
选择“允许”以成功登录小程序。将头像和昵称保存到缓存中。
单击头像以清除缓存并注销。
2、 Wx扫描码扫描
调用客户端扫描界面扫描代码。
1.页面wxml文件
2.页面wxss文件
.项目{
填充：10rpx；
显示器：柔性；
对齐项目：居中；
}
.item.txt{
柔性：1；
边框底部：1px实心#eee；
}
.item.icon{
字体大小：40rpx；
左边距：10rpx；
}
3.页面js文件
第页({
数据：{
//二维码扫描结果
结果：“”
},
//扫描
扫描代码（）{
wx.scan代码({
成功：（e）=>{
设{result}=e
this.set数据({
后果
})
}
})
}
})
4.功能效应
单击扫描图标从相册中选择二维码图像
显示二维码扫描结果
3、 Wx MakePhoneCall拨打电话
1.页面wxml文件
2.页面js文件
第页({
数据：{
//手机号码
电话：'19912345678'
},
