之前我们开发的小游戏，虽然发布到了微信小游戏平台上，但我们一直都没有做微信登录，今天我们就来做下这个功能，如果做了微信登录，后面，我们就有很多功能可以做了，例如分数排行榜。废话少说，下面直接开始。
1. (1)打开小游戏项目。
（2）在jigsaw节点下新增一个Button(按钮)
（3）删除Button节点下的Label节点。
（4）更改下节点名称，将Button改为login。
（5）更改下按钮的背景图片。
（6）调整下按钮的大小。
（7）调整下按钮的位置。
（8）调整下按钮过渡类型为SCALE
2.按钮绑定点击事件。
（1）增加按钮的点击事件。
（2）绑定到脚本game.ts 里的onclick函数。
（3）传过去的字符串为login
（4）打开game.ts脚本。找到onclick函数。增加登录事件的判断。
（5）增加获取用户信息的按钮的函数。在顶部定义下
infobutton:any;
增加函数
//获取用户信息
getuserinfo(){
let info = this.wx.getSystemInfoSync()
console.log(info)
this.infobutton = this.wx.createUserInfoButton({
type: 'text',
text: '获取用户信息',
style: {
left: (info.windowWidth-200)/2,
top: (info.windowHeight-40)/2,
width: 200,
height: 40,
lineHeight: 40,
backgroundColor: '#ff0000',
color: '#ffffff',
textAlign: 'center',
fontSize: 16,
borderRadius: 4
}
})
this.infobutton.onTap((res) => {
// 此处可以获取到用户信息
})
}
（6）在登录按钮的事件处，调用显示获取用户的函数getuserinfo
（7）重新构建下微信小游戏的项目
（8）在微信开发者工具打开该项目，点击下登录按钮，可以看到获取用户信息的按钮了
（9）接下来，我们还要做下隐藏该按钮的功能。增加一个隐藏该按钮的函数。
//隐藏获取用户信息的按钮
hidebutton(){
if(this.infobutton){
this.infobutton.hide()
}
}
（10）在onTouchEnd函数里调用hidebutton函数。
（11）在返回按钮处也进行调用。
好了，今天就先介绍到这里了。可能写的过程中还有很多不好的地方，希望大家能指出来，在此，谢谢大家
