Egret微信小游戏怎么更方便地接入开放域排行榜

引言

微信小游戏接入排行榜可以激发玩家竞争欲望，增加游戏的互动性和挑战性，提高用户的黏性和留存率。同时，排行榜还可以帮助玩家比较自己在游戏中的成绩，增加游戏的社交性和乐趣。那么我们要如何接入开放域排行榜呢？我们先引入一个开放域的概念。本章源码和开放域工程会放在文章末尾，大家有需要的可以自行去获取。

微信小游戏的开放域

微信小游戏的开放域是指通过开放数据域（OpenData）实现的一种功能，它允许小游戏在小程序环境中与其他小游戏共享一部分数据。开发者可以在开放数据域中绘制UI界面、展示排行榜、分享成绩等，并将这些信息展示在小程序的游戏界面上。开放域的数据不会与用户的个人信息相关联，保护用户隐私。开放域为小游戏提供了互动和社交功能，增强了用户体验和游戏的社区性质。

开放域的特点总结如下:

1. 限制操作：开放域环境下，用户无法进行除了点击和触摸以外的操作，以防止用户通过开放域环境进行恶意操作和作弊。
2. 无网络访问：开放域环境无法直接访问网络，无法获取用户个人信息和敏感数据，确保用户的隐私安全。
3. 共享数据：开放域可以通过发送消息和接收消息的方式与主游戏进行通信，实现共享数据和信息。
4. 自定义UI：开放域可以自定义绘制UI界面，包括按钮、文本框等，提供给用户更多的交互方式。
5. 多人联机：开放域可以支持多人联机游戏，用户可以与其他玩家进行实时互动和竞技。

总的来说就是，想要获取到玩家的好友并展现给玩家看，就必须要在开放域进行操作，开放域的数据无法传到外界，极大限度地保护了玩家地隐私。

如何接入排行榜

1.将Egret工程导出到微信小游戏。

2.导出成功后我们用微信开发者工具打开工程，可以发现工程自带了一个默认的简易排行榜示例。

3.在openDataContext目录的index.js我们可以看到：

/**
 * 增加来自主域的监听函数
 */
function addOpenDataContextListener() {
   
  console.log('增加监听函数')
  wx.onMessage((data) => {
   
    console.log(data);
    if (data.command == 'open') {
   
      if (!hasCreateScene) {
   
        //创建并初始化
        hasCreateScene = createScene();
      }
      requestAnimationFrameID = requestAnimationFrame(loop);
    } else if (data.command == 'close' && requestAnimationFrameID) {
   
      cancelAnimationFrame(requestAnimationFrameID);
      requestAnimationFrameID = null
    } else if (data.command == 'loadRes' && !hasLoadRes) {
   
      /**
       * 加载资源函数
       * 只需要加载一次
       */
      // console.log('加载资源')
      preloadAssets();
    }
  });
}

这个方法主要是监听主域发过来的指令，由图中可以看到包含了open、close和loadRes三个指令。那么我们是不是通过这3个指令就可以显示排行榜呢？我们来测试一下。

4.我们在主域中创建并且显示开放域数据。

//添加排行榜
var plathform = window.platform;
if(!plathform.openDataContext) return;
//显示开放域数据
var bitmap = plathform.openDataContext.createDisplayObject(null,this.rankContainer.width, this.rankContainer.height);
this.rankContainer