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

步骤

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.userInfovar nickName = userInfo.nickNamevar avatarUrl = userInfo.avatarUrlvar gender = userInfo.gender //性别 0：未知、1：男、2：女var province = userInfo.provincevar city = userInfo.cityvar country = userInfo.countryconsole.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();}    */      });}}});}

Cocos Creator 微信登录授权按钮适配相关推荐

cocos creator 微信小游戏接口
cocos creator 微信小游戏接口 /** @Description:微信小游戏* @version: * @Author: lvpeijun* @Date: 2019-12-02 10:43 ...
java调用微信加密_微信登录授权, 并且解密加密内容获取手机号和地区
所使用的的依赖 org.springframework.boot spring-boot-starter-web 2.3.7.RELEASE org.apache.httpcomponents htt ...
网站微信登录授权 ASP.NET
最新做一些项目都有微信登录注册什么的,今天就把自己整理的demo提供给大家微信认证流程(我自己简称三次握手): 1.用户同意授权,获取code 2.通过code换取网页授权access_token, ...
混合应用微信登录授权微信登录认证失败 ios PGWXAPI错误-1 code:-100 / 安卓 message:invalid appsecret innerCode:40125...
最近项目需要做微信登录,于是利用HTML5+ API Reference的OAuth模块管理客户端的用户登录授权验证功能,允许应用访问第三方平台的资源. (链接:https://www.dcloud. ...
react native微信登录授权，以及一些错误
一.背景公司的APP,上次发布版本,我们的APP微信登录还是可以用的.但是在最新一版中,微信登录一直报-6的错误.于是开始了蛋疼的寻找之路. 二.关于RN中使用微信组件的问题请参考链接:http: ...
解决cocos creator微信小游戏本地缓存文件超过限制问题
cocos creator微信小游戏开发,如果游戏包内资源超过包体大小限制,那么可以通过远程加载的方式加载资源(代码脚本文件除外). 小游戏在迭代过程中因为缓存资源的积累,在加载资源的时候会出现超过缓 ...
如何进行微信登录授权测试？
准备工作移动应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统.在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的移动应 ...
Cocos Creator 微信小游戏无法正确显示头像解决方案
常见的获取微信头像方法 UserInfo: 用户授权成功后返回的微信用户信息 UserInfo 结构体信息详情: 进入微信如何登陆授权: 进入 let url = userInfo.avatar ...
App中快速复用微信登录授权的一种方法
在微信小程序下,小程序登录功能一般会通过 OpenID 或 UnionID 作为唯一标识,与小程序服务的账号体系进行关联打通,完成用户账户体系的构建与设计. 如果在像支付宝小程序.百度小程序第三方平台 ...
Cocos Creator 微信创意小游戏《甜蜜糖果屋》团队专访：让纸片人活起来
在 1 月 9 日的 2019 微信公开课 Pro 上,有一款创意十足的互动式游戏出现在小游戏宣讲环节,它便是今日 Cocos 的专访对象<甜蜜糖果屋>. <甜蜜糖果屋之花恋奇妙物语 ...

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

步骤

Cocos Creator 微信登录授权按钮适配相关推荐

最新文章

热门文章