概述

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

保存每个用户的分数

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

渲染排行榜

保存每个用户的分数

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

// 保存用户数据,注意限制单条数据容量不得超过1024字节,

// 单个用户数据总条数不得超过128条

wx.setUserCloudStorage(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元素展示出来 .

参考资料

python 开发微信小游戏_教你快速开发一个微信小游戏好友排行榜相关推荐

  1. python制作桌面小程序_微信小程序在线制作:快速生成一个餐饮小程序

    相信很多餐饮行业的商家都遇到过这类问题:一到用餐高峰期,餐厅内就拥挤不堪,工作人员也忙得不可开交,前厅后厨来回跑,时间长了顾客也等得不耐烦.此外,外卖平台的高额抽成也让普通餐饮商家生存越来越艰难.本来 ...

  2. 微信报名小程序怎么做_分享怎么快速做好一个报名小程序

    现在越来越多的企业在做活动或者招生的时候都会用到报名这个功能,为了可以方便收集用户的信息,统一管理报名信息,也为了提高效率,所以现在很多主办方会推出微信报名小程序,方便大家在线报名活动或者招生活动.要 ...

  3. php 微信分享功能_使用php怎么实现一个微信分享朋友链接功能

    使用php怎么实现一个微信分享朋友链接功能 发布时间:2021-02-15 09:11:24 来源:亿速云 阅读:68 作者:Leah 这篇文章给大家介绍使用php怎么实现一个微信分享朋友链接功能,内 ...

  4. 软件测试测试用例编写 不超过7步骤_教你快速编写一个合格的测试用例!

    关于测试用例,可能测试人员会思考很多问题,例如: 测试周期紧张,能否不写用例直接开始测试? 测试用例是否需要按照一定的模板编写? 测试场景太多,是否每个流程都需要设计测试用例? 测试用例是否有exce ...

  5. 天下布魔新手的6点游戏建议 教你快速入门的攻略

    天下布魔新手刚下载进入到游戏中难免会懵,因为不知道怎么上手去玩.今天小编就以过来人的视觉,分享一下我当初的入门经验以及所走的弯路.希望各位新手玩家少走弯路,快速上手.并且我总结出了6大点新手建议,本文 ...

  6. Arduino开发(二)_基于Arduino UNO开发板的RGB灯光控制方法

    Arduino开发(二)_基于Arduino UNO开发板的RGB灯光控制方法 首先,我们来看一下Arduino UNO开发板的具体引脚排列,如下图所示, 再了解一下三色RGB LED模块,如下图所示 ...

  7. 小福利,用Excel vba设计一个变色小游戏

    小福利,用Excel vba设计一个变色小游戏 Option ExplicitPrivate Sub CommandButton1_Click() Dim i, j For i = 1 To 100F ...

  8. 智能机器人c语言编程,【图片】教你快速制作一个简单的人工智能机器人(懂编程的人进来看)【科幻吧】_百度贴吧...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 教你快速制作一个简单的人工智能机器人(懂编程的人进来看) 本文我首发于"人工智能吧",叫做<机器人理解人类语言>和< ...

  9. 专题开发十二:JEECG微云快速开发平台-基础用户权限

      专题开发十二:JEECG微云快速开发平台-基础用户权限 11.3.4自定义按钮权限 Jeecg中,目前按钮权限设置,是通过对平台自己封装的按钮标签(<t:dgFunOpt等)进行设置.而在开 ...

  10. 小福利,用Excel VBA设计一个查询小应用

    小福利,用Excel VBA设计一个查询小应用 Option ExplicitSub 查询_Click()Dim rng1, rng2, rng As RangeDim firstaddressDim ...

最新文章

  1. 用工具进行CAD转换图片的过程
  2. pfSense2.32端口转发设置
  3. 实至名归!ACM宣布深度学习三巨头共同获得图灵奖
  4. 分享大厂分布式唯一ID设计方案,快来围观
  5. C++面试八股文快问快答の基础篇
  6. EditThisCookie使用
  7. 认识 react 的钩子函数
  8. 单源最短路径之迪杰斯特拉算法(C语言)
  9. 写给自己看的HTML、CSS、XHTML指南 八
  10. Julia学习(1)——入门
  11. dj鲜生-03-用户模块的创建与模型类的创建
  12. codeblocks使用技巧
  13. Java 输入一个整数,计算它各位上数字的和。(注意:是任意位的整数)
  14. strak组件(5):为列表定制预留钩子方法
  15. [转载] c++ cout 格式化输出浮点数、整数及格方法
  16. MongoDB_基本操作
  17. 2021电赛F题智能送药小车程序代码
  18. iOS自定义身份证键盘
  19. 跟着团子学SAP DMS—在SAP中通过DMS上传文档基本操作(CV01N/CV02N/CV03N/CV04N)
  20. ALSA-ASOC音频驱动框架简述

热门文章

  1. ORACLE AutoVue 服务器/桌面版/WebService/SDK安装
  2. 求一元多项式 P(x) = a0 + a1x + a2x^2 + ... + anx^n 的值P(x0)。
  3. 电脑使用技巧提升篇4:两步实现电脑软件开机自启
  4. FTP服务简介与配置
  5. python 变量后加逗号的含义
  6. 涂抹mysql_《涂抹MySQL:跟着三思一步一步学MySQL》PDF版本下载
  7. js怎么获取扫码枪条码_JS 如何获取扫码枪输入数据
  8. html编写花,HTML5的花儿
  9. 基于networkx的《人民的名义》人物关系图
  10. npm ERR! This is probably not a problem with npm. There is likely additional log ging output above.