当前位置: 首页 > 后端技术 > Node.js

教你快速开发一个微信小游戏好友排行

时间:2023-04-03 10:07:23 Node.js

概览制作本次好友排行榜。需要有好友的记录分数,然后排序,最后把数据呈现在UI上。可以分为以下几个步骤:保存每个用户的分数获取好友列表,获取好友的分数渲染排行榜保存每个用户的分数保存每个用户的分数,需要调用微信的云存储API来存储user'sscorepersistently.//保存用户数据,注意限制单条数据容量不超过1024字节,//单条用户数据总数不超过128条wx.setUserCloudStorage(Object)//存储最高分varscore=100;varkvScore={"key":"score","value":score};wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){//});获取好友列表并获取好友分数保存玩家在游戏中的分数后,需要调用微信的云存储APIwx.getFirendCloudStorage,获取玩家的微信好友数据,从而获取每个好友的最高分数。值得一提的是,微信的这个接口内部偷偷使用了它的微信社交关系链。Return该列表包含调用接口wx.setUserCloudStroage的用户。渲染排行榜,对分数进行排序,得到一个排行榜success:res=>{letdata=res.datadrawRankList(data)}})注意这个sharedCanvas,它是独一无二的画布,跟小游戏里的画布不是一回事。使用sharedCanvas自定义和显示玩家的用户排行榜。重要提示以上涉及的微信接口只能在微信小游戏子域使用,微信官网也称为开放数据域。其实应该叫封闭数据域。你为什么这么说?因为子域的js代码执行该环境与小游戏本身的代码执行环境隔离。两者无法相互交流。子域只能接收外部消息(比如游戏的最高分),不能发送消息(不能给开发者发送用户的友情链数据服务器),内存不共享,也就是说开发者无法获取微信社交关系链数据。在这样的封闭条件下,开发者所能做的就是将排行榜数据以个性化的UI元素展示出来。参考资料CocosCreator实现微信好友排行榜http://docs.cocos.com/creator...微信小游戏关系链数据使用指南https://developers.weixin。qq....