微信云开发之小游戏排行榜的实现，云数据库，云函数【白玉无冰】每天进步一点点

最新推荐文章于 2024-09-28 23:05:36 发布

「已注销」

最新推荐文章于 2024-09-28 23:05:36 发布

阅读量2.4k

点赞数 1

分类专栏：小游戏开发文章标签：微信云小游戏排行榜

本文链接：https://blog.csdn.net/weixin_45686592/article/details/101380367

版权

本文介绍了如何使用微信云开发的云数据库和云函数功能来实现小游戏的排行榜功能。详细阐述了整个流程，包括获取用户信息、上传分数以及获取排行榜数据的云端和客户端操作。同时提供了相关代码示例。

摘要由CSDN通过智能技术生成

微信云开发提供了数据库和云函数的功能，利用这两个功能，我们可以自主实现一个排行榜功能。

整个流程

先获得用户的基本信息(头像，昵称)等，这些数据可能会用在排行榜里展示。获取成功后，进入主界面。完成游戏上传分数。打开排行榜界面获取排行榜数据。所有总共涉及三个接口:1.用户信息；2.上传分数；3.获取排行榜数据。流程图参考如下:
在这里插入图片描述

用户信息

首先要判断该应用是否有被授权。已经授权，可以直接调用wx.getUserInfo获取头像昵称。未授权的要调用wx.createUserInfoButton创建按钮引导玩家点击。

wx.createUserInfoButton创建的按钮的位置可以通过wx.getSystemInfoSync里的safeArea调整。例如，需要在安全区域内最中间放放置高度height为50的按钮，可以将button的left设置为safeArea.left,width为safeArea.width,top为(safeArea.top - safeArea.height/2 - 25)。

完整代码参考：

// 查看是否授权
wx.getSetting({
   
    success(res) {
   
        if (res.authSetting['scope.userInfo']) {
   
            // 已经授权，可以直接调用 getUserInfo 获取头像昵称
            wx.getUserInfo({
   
                success: function (res) {
   
                    const userInfo = res.userInfo;
                    //保存数据，进入游戏主界面
                }
            })
        } else {
   
            // 未授权的要调用 createUserInfoButton 创建按钮引导玩家点击
            const systemInfo = wx.getSystemInfoSync();
            const safeArea = systemInfo.safeArea;
            const button = wx.createUserInfoButton({
   
                type: 'text',
                text: '授权登录',
                style: {
   
                    left: safeArea.left,
                    top: (