微信小程序游戏好友排行榜怎么开发

本文小编为大家详细介绍“微信小程序游戏好友排行榜怎么开发”，内容详细，步骤清晰，细节处理妥当，希望这篇“微信小程序游戏好友排行榜怎么开发”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

保存每个用户的分数

保存每个用户的分数,需要调用微信的云存储api,将用户的分数持久化的存起来 .

// 保存用户数据,注意限制单条数据容量不得超过1024字节,// 单个用户数据总条数不得超过128条wx.setUserCloudStroage(Object)复制代码

//存储最高分var score = 100;var kvScore = {"key":"score","value":score};wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){    //});复制代码

获取好友列表,并获取好友的分数

游戏中将玩家的分数保存起来以后,需要调用微信的云存储API wx.getFirendCloudStorage, 获取玩家的微信好友数据,这样就拿到了每个好友的最高分.

值得一提的是,微信的这个接口在内部隐蔽的使用其微信的社交关系链 .

返回列表中的包含的 调用过wx.setUserCloudStroage 这个接口的用户.

渲染排行榜

对分数进行排序 , 得到一个排行榜

let sharedcanvas = wx.getSharedCanvas()function drawRankList (data) {  data.forEach((item, index) => {    // ...  })}wx.getFriendCloudStorage({  success: res => {let data = res.data    drawRankList(data)  }})复制代码

注意这个 sharedCanvas , 这是独有的画布 ,与小游戏中的画布不是同一个东东.

使用sharedCanvas来自定义显示玩家的用户排行榜

重要说明

上述所涉及的微信接口 , 都只能在微信小游戏的 子域 使用 , 微信官网也称之为开放数据域 , 其实应该称之为 封闭数据域 .
为什么这么说呢?
因为子域的js代码执行环境和小游戏本身的代码执行环境是隔离的. 两者之间不能相通 , 子域只能接收外部的消息(如游戏的最高分),不能往外发消息(不能把用户的好友关系链数据发给开发者服务器) , 内存不共享,也就意味着,开发者拿不到微信的社交关系链数据 . 在这样的封闭条件下,开发者能做的只能是在子域的画布上将排行榜数据以个性化的UI元素展示出来 。

读到这里，这篇“微信小程序游戏好友排行榜怎么开发”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网精选频道。