摘要:概述要做這個(gè)好友排行榜必然要有好友的戰(zhàn)績(jī)比分然后再做排序最后將數(shù)據(jù)呈現(xiàn)在上可以分為下面幾個(gè)步驟保存每個(gè)用戶的分?jǐn)?shù)獲取好友列表并獲取好友的分?jǐn)?shù)渲染排行榜保存每個(gè)用戶的分?jǐn)?shù)保存每個(gè)用戶的分?jǐn)?shù)需要調(diào)用微信的云存儲(chǔ)將用戶的分?jǐn)?shù)持久化的存起來(lái)保存用戶
概述
? 要做這個(gè)好友排行榜.必然要有好友的戰(zhàn)績(jī)比分,然后再做排序,最后將數(shù)據(jù)呈現(xiàn)在UI上 , 可以分為下面幾個(gè)步驟:
保存每個(gè)用戶的分?jǐn)?shù)
獲取好友列表,并獲取好友的分?jǐn)?shù)
渲染排行榜
保存每個(gè)用戶的分?jǐn)?shù)保存每個(gè)用戶的分?jǐn)?shù),需要調(diào)用微信的云存儲(chǔ)API,將用戶的分?jǐn)?shù)持久化的存起來(lái) .
// 保存用戶數(shù)據(jù),注意限制單條數(shù)據(jù)容量不得超過(guò)1024字節(jié), // 單個(gè)用戶數(shù)據(jù)總條數(shù)不得超過(guò)128條 wx.setUserCloudStorage(Object)
//存儲(chǔ)最高分 var score = 100; var kvScore = {"key":"score","value":score}; wx.setUserCloudStroage({"KVDataList":[kvScore]},"success":function(){ // });獲取好友列表,并獲取好友的分?jǐn)?shù)
? 游戲中將玩家的分?jǐn)?shù)保存起來(lái)以后,需要調(diào)用微信的云存儲(chǔ)API wx.getFirendCloudStorage, 獲取玩家的微信好友數(shù)據(jù),這樣就拿到了每個(gè)好友的最高分.
值得一提的是,微信的這個(gè)接口在內(nèi)部隱蔽的使用其微信的社交關(guān)系鏈 .
返回列表中的包含的 調(diào)用過(guò)wx.setUserCloudStroage 這個(gè)接口的用戶.
渲染排行榜對(duì)分?jǐn)?shù)進(jìn)行排序 , 得到一個(gè)排行榜
let sharedCanvas = wx.getSharedCanvas() function drawRankList (data) { data.forEach((item, index) => { // ... }) } wx.getFriendCloudStorage({ success: res => { let data = res.data drawRankList(data) } })
注意這個(gè) sharedCanvas , 這是獨(dú)有的畫(huà)布 ,與小游戲中的畫(huà)布不是同一個(gè)東東.
使用sharedCanvas來(lái)自定義顯示玩家的用戶排行榜
重要說(shuō)明? 上述所涉及的微信接口 , 都只能在微信小游戲的 子域 使用 , 微信官網(wǎng)也稱(chēng)之為開(kāi)放數(shù)據(jù)域 , 其實(shí)應(yīng)該稱(chēng)之為 封閉數(shù)據(jù)域 .
? 為什么這么說(shuō)呢?
? 因?yàn)樽佑虻膉s代碼執(zhí)行環(huán)境和小游戲本身的代碼執(zhí)行環(huán)境是隔離的. 兩者之間不能相通 , 子域只能接收外部的消息(如游戲的最高分),不能往外發(fā)消息(不能把用戶的好友關(guān)系鏈數(shù)據(jù)發(fā)給開(kāi)發(fā)者服務(wù)器) , 內(nèi)存不共享,也就意味著,開(kāi)發(fā)者拿不到微信的社交關(guān)系鏈數(shù)據(jù) . 在這樣的封閉條件下,開(kāi)發(fā)者能做的只能是在子域的畫(huà)布上將排行榜數(shù)據(jù)以個(gè)性化的UI元素展示出來(lái) .
Cocos Creator 實(shí)現(xiàn)微信好友排行榜
http://docs.cocos.com/creator...
微信小游戲關(guān)系鏈數(shù)據(jù)使用指南
https://developers.weixin.qq....
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/96143.html
摘要:今天我們分享的菜鳥(niǎo)文檔將介紹微信小游戲好友排行榜的制作過(guò)程,包括創(chuàng)建項(xiàng)目并發(fā)布微信開(kāi)發(fā)者平臺(tái)添加小游戲打開(kāi)開(kāi)放域功能主域和開(kāi)放域通訊,以及與原生的布局。 寫(xiě)在前面:隨著越來(lái)越多的新人開(kāi)始接觸白鷺引擎,創(chuàng)作屬于自己的游戲。考慮到初學(xué)者會(huì)遇到一些實(shí)際操作問(wèn)題,我們近期整理推出菜鳥(niǎo)系列技術(shù)文檔,以便更好的讓這些開(kāi)發(fā)者們快速上手,Egret大神們可以自動(dòng)忽略此類(lèi)內(nèi)容。 今天我們分享的菜鳥(niǎo)文檔將...
摘要:今天杭州又是大雨,被淋了個(gè)落湯雞,都怪我家大狼狗非要騎電動(dòng)車(chē),我昨天吐槽要買(mǎi)的帥氣的雨衣還沒(méi)有買(mǎi)不過(guò)大雨和飛機(jī)大戰(zhàn)小游戲更配哦。微信早已正式發(fā)布微信內(nèi)置飛機(jī)大戰(zhàn)游戲,目前該游戲已經(jīng)下線。此時(shí),界面中會(huì)顯示此次玩家的飛機(jī)大戰(zhàn)分?jǐn)?shù)。showImg(https://user-gold-cdn.xitu.io/2019/5/15/16ab9377884b99f7); 今天杭州又是大雨,被淋了個(gè)落湯雞...
摘要:今天杭州又是大雨,被淋了個(gè)落湯雞,都怪我家大狼狗非要騎電動(dòng)車(chē),我昨天吐槽要買(mǎi)的帥氣的雨衣還沒(méi)有買(mǎi)不過(guò)大雨和飛機(jī)大戰(zhàn)小游戲更配哦。微信早已正式發(fā)布微信內(nèi)置飛機(jī)大戰(zhàn)游戲,目前該游戲已經(jīng)下線。此時(shí),界面中會(huì)顯示此次玩家的飛機(jī)大戰(zhàn)分?jǐn)?shù)。 今天杭州又是大雨,被淋了個(gè)落湯雞,都怪我家大狼狗非要騎電動(dòng)車(chē),我昨天吐槽要買(mǎi)的帥氣的雨衣還沒(méi)有買(mǎi),不過(guò)大雨和飛機(jī)大戰(zhàn)小游戲更配哦。 這篇文章來(lái)自我司的王老吉同...
閱讀 1490·2019-08-30 15:44
閱讀 1953·2019-08-30 14:07
閱讀 2880·2019-08-30 13:56
閱讀 2349·2019-08-29 17:06
閱讀 1332·2019-08-29 14:13
閱讀 2090·2019-08-29 11:28
閱讀 3236·2019-08-26 13:56
閱讀 1953·2019-08-26 12:11