微信小程序> 教你快速开发一个微信小游戏好友排行榜-两个人玩的微信小游戏-两个人玩的微信小程序

教你快速开发一个微信小游戏好友排行榜-两个人玩的微信小游戏-两个人玩的微信小程序

浏览量:5461 时间: 来源:weixin_33774883
概述1.

​要做这个好友排行榜.必然要有好友的战绩比分,然后再做排序,最后将数据呈现在UI上,可以分为下面几个步骤:

保存每个用户的分数获取好友列表,并获取好友的分数渲染排行榜保存每个用户的分数2.

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

//保存用户数据,注意限制单条数据容量不得超过1024字节,//单个用户数据总条数不得超过128条wx.setUserCloudStorage(Object)//存储最高分varscore100;varkvScore{"key":"score","value":score};wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){//});获取好友列表,并获取好友的分数3.

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

4.

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

5.

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

渲染排行榜6.

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

letsharedCanvaswx.getSharedCanvas()functiondrawRankList(data){data.forEach((item,index){//...})}wx.getFriendCloudStorage({success:res{letdatares.datadrawRankList(data)}})7.

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

8.

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

重要说明9.

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

参考资料10.

CocosCreator实现微信好友排行榜http://docs.cocos.com/creator...

11.

微信小游戏关系链数据使用指南https://developers.weixin.qq....

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎