Layabox開發微信小遊戲好友排行榜功能流程

官方參考文檔:(https://ldc2.layabox.com/doc/?nav=zh-ts-5-0-7

一.主域項目,即小遊戲(Laya2.0版本)

  1. 針對微信小遊戲初始化
    MiniAdpter.init(true);

2.主域項目中正常創建好友排行榜頁面,使用laya2.0新增組件WXOpenDataViewer即可,此處假設定義變量名爲openData,如下圖所示:
在這裏插入圖片描述
3.在子域項目中使用對應文件之前,需要使用以下接口將加載好的信息透傳到子域,(注意:必須要在使用離屏畫布之前執行以下操作
Laya.loader.load([“res/atlas/ui/friendsRanking.atlas”], Handler.create(null, function() {
//加載完成
//使用接口將圖集透傳到子域
MiniAdpter.sendAtlasToOpenDataContext(“res/atlas/ui/friendsRanking.atlas”);
}));

4.主域中點擊排行榜按鈕時,顯示步驟2中創建的頁面,並在頁面初始化時通過以下代碼傳遞信息到子域項目,該openData即爲步驟2中所定義的變量,postMsg爲laya所封裝的微信透傳方法
// 發送信息到開放域
openData.postMsg({
type: 2, // 該信息可自定義,用於子域中接收信息並判斷需要獲取哪一類數據,如好友排行榜/羣排行
openid: xx, // 主域中透傳該參數用於判斷自己
});

5.正常打包微信小遊戲

二.子域項目,即排行榜所渲染的虛擬屏幕

  1. 通過laya2.0.1beta版(大於等於該版本)創建新的開放域項目,如下圖所示:
    在這裏插入圖片描述

  2. 因爲在主域項目中透傳了一個文件,所以需要在子域中確認該文件已接收才能使用,如下圖所示:(注:主域項目和子域項目中需要同時包含所透傳的文件,路徑一致在這裏插入圖片描述

  3. 正常接收主域透傳文件後就可以可初始化排行榜UI了,主要代碼爲接收主域所傳遞的信息並獲取對應數據(具體代碼在開放域項目中有完整demo可以查看)
    wx.onMessage(obj)

4.打包該子域項目,注意下圖紅色框內容是否選定在這裏插入圖片描述

三.最後的準備

1.在主域項目所打包好的微信小遊戲中,修改game.json文件,增加開放域參數,如下代碼
“openDataContext”: “src/myOpenDataContext”,

2.在主域項目所打包好的微信小遊戲根目錄中,新建文件src/myOpenDataContext/,即步驟1所配置的入口

3.將子域項目所打包出來的文件複製到步驟2的文件夾中,具體如下圖所示
在這裏插入圖片描述
注:不需要將所有文件複製過來,只需要複製圖中所示文件即可

ok, 愉快的玩耍吧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章