微信小游戏好友列表快速开发教程

成为这个朋友的排行榜。有必要有朋友的记录分数，然后进行排序，最后在UI上显示数据，可分为以下步骤:

保存每个用户的分数以获得好友列表并获得好友的分数以呈现排行榜

保存每个用户的分数

要保存每个用户的分数，您需要调用微信的云存储API来保留用户的分数。

//保存用户数据，注意单个数据容量的限制不得超过1024字节，//单个用户数据的总数不得超过128 wx.setUserCloudStroage（Object）复制代码

//存储最高得分var得分=100; var kvScore={'key':'得分'，'值':得分}; wx.setUserCloudStroage（{'KVDataList': [kvScore]}，'success': function（）{//}）;复制代码

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

在游戏中保存玩家的分数后，您需要调用微信的云存储API wx.getFirendCloudStorage来获取玩家的微信朋友数据，这样您就可以获得每位朋友的最高分。

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

返回已调用wx.setUserCloudStroage接口的用户列表。

渲染排行榜

对分数进行排序并获得排行榜

设sharedCanvas=wx.getSharedCanvas（）函数drawRankList（data）{data.forEach（（item，index）=> {//.}）} wx.getFriendCloudStorage（{success: res=> {let data=Res。 data drawRankList（data）}}）复制代码

请注意这个sharedCanvas，它是一个独特的画布，与小游戏中的画布不同。

使用sharedCanvas自定义用于显示播放器的用户排行榜

重要说明

上面提到的微信接口只能在微信的子域中使用。 微信的官方网站也称为开放数据域。实际上，它应该被称为封闭数据域。你为什么这么说？由于子域，js代码执行环境和游戏本身的代码执行环境是隔离的。两者无法相互通信，子域只能接收外部消息（如游戏的最高分），并且不能发送消息外（用户的朋友关系不能使用）链数据被发送到开发者服务器） ，内存不共享，这意味着开发人员无法获得微信的社交关系链数据。在这种封闭的条件下，开发人员只能在子域中执行画布。排行榜数据以个性化UI元素呈现。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。有关更多小程序商店，请参阅：小程序商店

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。