Cocos Creator 微信登录授权按钮适配

最新推荐文章于 2022-11-02 15:55:35 发布

皮皮陶

最新推荐文章于 2022-11-02 15:55:35 发布

阅读量662

点赞数

分类专栏： Cocos Creator

本文链接：https://blog.csdn.net/qq_37254346/article/details/110367716

版权

Cocos Creator 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

步骤

1.适配不同机型来创建微信授权按钮（可自定义具体看微信API文档）
2.通过getSetting检查是否有授权过
3.有授权则会有scope.userInfo字段，可直接通过getUserInfo获取用户信息，否则获取信息失败，注意：openid等隐私数据需要解密获得，或者通过外部自主服务器的接口获得，因为微信小游戏不允许访问带api.weixin.com域名的接口
4.通过createUserInfoButton创建一个授权按钮，点击按钮会弹窗授权
5.onTap注入点击事件

setAuthBtn(btnNode:cc.Node){
        let btnSize = cc.size(btnNode.width+10,btnNode.height+10);
		let frameSize = cc.view.getFrameSize();
		let winSize = cc.director.getWinSize();
		// console.log("winSize: ",winSize);
		// console.log("frameSize: ",frameSize);
		//适配不同机型来创建微信授权按钮
		this.left = (winSize.width*0.5+btnNode.x-btnSize.width*0.5)/winSize.width*frameSize.width;
		this.top = (winSize.height*0.5-btnNode.y-btnSize.height*0.5)/winSize.height*frameSize.height;
		this.weight = btnSize.width/winSize.width*frameSize.width;
		this.height = btnSize.height/winSize.height*frameSize.height;
		// console.log("button pos: ",cc.v2(left,top));
		// console.log("button size: ",cc.size(width,height));
		let self=this;
        self._wx.getSetting({
            success (res){
                if (res.authSetting['scope.userInfo']){
                    console.log(`微信已授权`)
                    self.getUserInfo(success,fail);
                }
                else{ 
                     //未授权
                   console.log(`弹窗授权:w`+self.weight+" h:"+self.height+" l:"+self.left+" t:"+self.top)
                    //弹窗授权
                    self.authBtn=self._wx.createUserInfoButton({
                        type: 'text',
                        text: '',
                        style: {
                          left: self.left,
                          top: self.top,
                          width: self.weight,
                          height: self.height,
                          backgroundColor: '#ff0000',
                          color: '#ffffff',
                        }
                      });
                      //点击授权
                      self.authBtn.onTap(res => {

                        if(res.errMsg === 'getUserInfo:ok'){
                  
                            //授权成功
                            console.log(`获取用户信息成功`);
                            var userInfo = res.userInfo
                            var nickName = userInfo.nickName
                            var avatarUrl = userInfo.avatarUrl
                            var gender = userInfo.gender //性别 0：未知、1：男、2：女
                            var province = userInfo.province
                            var city = userInfo.city
                            var country = userInfo.country
                            console.log("nickName:"+nickName+" avatarUrl:"+avatarUrl+
                            " gender:"+gender+" province:"+province+" city:"+city+" country:"+country+" openid:"+userInfo.openId+" unionId:"+userInfo.unionId);
                            userInfo.openId=self.openId;
                            self.authBtn.destroy();
                            self.authBtn=null;
                         }    
                        /* else{
                            self.authBtn.destroy();
                            fail&&fail();
                         }    */      
                   });
                }
            }
        });
    }