CocosCreator开发微信小游戏接入微信登陆

落日映苍穹つ 2024-04-18 10:30 76阅读 0赞

### [微信小游戏官网][Link 1] ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]  
使用方法：

> 在cocoscreator项目中添加脚本，然后脚本中添加如下代码。  
> 注意：`如下代码由于调用的是小游戏的API，只能在小程序中运行调试，在模拟器以及网页中调试会报错`

onLoad() { 
            this.wxAPI();
        },
        wxAPI() { 
            //设置获取用户信息按钮
            var button = wx.createUserInfoButton({ 
                type: "text",
                text: "获取用户信息",
                style: { 
                    left: 50,
                    top: 100,
                    width: 250,
                    height: 50,
                    lineHeight: 50,
                    backgroundColor: "#ff0000",
                    color: "#ffffff",
                    textAlign: "center",
                    fontSize: 16,
                    borderRadius: 4
                }
            });
            //按钮点击事件
            button.onTap(function (res) { 
                console.log(res);
                wx.login({ 
                    success(res) { 
                        if (res.code) { 
                            button.hide(); //隐藏按钮
                            console.log('发起请求！')
                            cc.director.loadScene("helloworld"); //跳转主场景
                            //发起网络请求
                            wx.request({ 
                                url: 'https://...login',
                                data: { 
                                    code: res.code,
                                },
                                success(res) { 
                                    console.log(res.data)
                                },
                                fail(res) { 
                                    console.log(res.data)
                                }
    
                            })
                        } else { 
                            console.log('登录失败！' + res.errMsg)
                        }
                    }
                })
            });
        }

[Link 1]: https://developers.weixin.qq.com/minigame/dev/guide/open-ability/login.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/060793bf81c7448487c9885787e5c9a7.jpg