微信小程序开发-使用常用API

1、 Wx GetUserProfile获取用户信息

微信登录小程序方法通过wx.getUserProfile实现。

1.页面wxml文件

登录

<；/图像>

｛｛nickName｝｝

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'

},