Cocos Creator 微信小程序 用户登陆授权 透明背景&全屏按钮

直接上源码啦  直接拷贝过去就可以用了

    /**
     * wx授权登陆
     * @param _success 登陆成功返回回调 第一个参数是wx用户信息
     * @param _fail 拒绝授权返回
     */
    export function wxLogin(_success, _fail) {
        //微信登陆
        const wx = window['wx'];//避开ts语法检测
        const info = systemInfo = wx.getSystemInfoSync();//立即获取系统信息
        const w = screenWidth = info.screenWidth;//屏幕宽
        const h = screenHeight = info.screenHeight;//屏幕高
        //获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
        wx.getSetting(
            {
                success(res) {
                    console.log(res.authSetting);
                    if (res.authSetting["scope.userInfo"]) {
                        console.log("用户已授权");
                        wx.getUserInfo({
                            success(res) {
                                //登陆操作
                                userInfo = res.userInfo;
                                _success && _success(res.userInfo);
                            }
                        });
                    } else {
                        console.log("用户未授权");

                        //创建全屏透明登陆按钮
                        let button = wx.createUserInfoButton({
                            type: 'text',
                            text: '',
                            style: {
                                left: 0,
                                top: 0,
                                width: w,
                                height: h,
                                backgroundColor: '#00000000',//最后两位为透明度
                                color: '#ffffff',
                                fontSize: 20,
                                textAlign: "center",
                                lineHeight: h,
                            }
                        });

                        button.onTap((res) => {
                            if (res.userInfo) {
                                console.log("用户授权:", res.userInfo);
                                userInfo = res.userInfo;
                                _success && _success(res.userInfo);
                                button.destroy();
                            } else {
                                console.log("用户拒绝授权:");
                                _fail && _fail();
                            }
                        });
                    }

                }

            }
        );
    }

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Cocos Creator是一款流行的跨平台游戏开发引擎,可以支持在多个平台上进行游戏开发,其中包括微信小程序平台。下面是关于Cocos Creator微信登录的详细说明。 1. 引入微信登录功能:在Cocos Creator中,可以通过引入微信官方提供的API实现微信登录功能。首先,需要在项目中添加微信登录的依赖库,然后在对应的脚本文件中引入相关的微信登录API。 2. 获取微信登录凭证:在用户点击微信登录按钮后,可以调用微信登录API来获取用户的微信登录凭证,凭证的获取需要通过微信授权用户需要同意授权。凭证成功获取后,可以获取到用户的唯一标识openid和会话密钥session_key。 3. 与游戏服务器进行验证:获取到微信登录凭证后,可以将凭证传递给游戏服务器进行验证。游戏服务器可以通过调用微信提供的接口验证凭证的有效性,并获取用户的微信账号信息。验证成功后,可以将用户的游戏信息与微信账号进行绑定,并生成游戏内的唯一标识token。 4. 使用微信账号登录游戏:验证成功后,可以将生成的token返回给客户端,并保存在本地。下次用户再次打开游戏时,可以直接读取本地保存的token,并传递给游戏服务器进行验证。验证通过后,用户可以直接使用微信账号登录游戏。 通过以上步骤,我们可以在Cocos Creator中实现微信登录功能。当然,在实际开发中,还需要考虑到错误处理、登录状态的管理以及用户信息的更新等问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

极客柒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值