[CocosCreator]接入微信小游戏开放数字域，实现好友排行榜

最新推荐文章于 2025-06-01 14:11:36 发布

iningwei

最新推荐文章于 2025-06-01 14:11:36 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： CocosCreator

本文链接：https://blog.youkuaiyun.com/iningwei/article/details/96868764

CocosCreator 专栏收录该内容

34 篇文章

订阅专栏

本文介绍两种方法实现CocosCreator游戏接入微信小游戏排行榜功能：一是使用Cocos官方提供的WXSubContextView组件；二是利用纯微信API实现，并提供开源项目及教程链接。文中还详细说明了设置数字域目录的方法及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

法一：Cocos官方WXSubContextView组件

CocosCreator接入微信数字域官方文档

法二：纯微信API实现

开源项目：https://github.com/weishuluo/creator_wechat_rank_demo
教程：https://forum.cocos.com/t/demo-api/64299

注意事项

1，设置数字域目录
在这里插入图片描述
构建后，在build/wechatgame目录下默认是没有sub目录的。
一般的方式是手动创建sub目录，然后把数据域代码和资源放到sub内

高级的方法是通过构建模版来自动添加sub目录和其内部的资源.
在工程目录(assets文件夹所在目录)下创建 build-templates/wechatgame/sub 即可。
把数据域代码index.js和所需资源扔到该sub目录。
然后在构建工程的时候就会自动把该sub文件夹放到build/wechatgame目录下

2，微信端KVData的key和value均为string类型
官方文档
这点特别注意，否则可能导致存储失败。
比如：setUserCloudStorage

    public static uploadLevelOpen(level) {
        if (!window.window["wx"]) return
        level = level.toString()
        window["wx"].setUserCloudStorage({
            KVDataList: [
                { key: RankConsts.OpenDataKeys.LevelKey, value: level },
            ],
            success: (res) => {
                console.log("uploadLevelOpen success:res=>", res)
            },
            fail: (res) => {
                console.log("uploadLevelOpen fail:res=>", res)
            }
        })
    }