Laya微信小游戏的开放域

版本2.1.1.1

 

现在Laya的开放域比较好用了。

新建开放域项目，里面直接有个排行榜的示例。

 

 

直接发布

 

 

得到较少的文件，复制这些文件，粘贴到主项目bin/openDataContext下。 (openDataContext文件夹需要自己创建)

 

 并将开放域项目下libs/laya.opendata.js也复制到主项目bin/openDataContext/libs下 (libs文件夹需要自己创建)

 

 

 复制开放域项目下的laya/assets/test的排行榜图片复制到主项目的bin/test下，否则开放域找不到图片地址下载

 

 

最终微信项目文件如下

 

 

 设置主项目release/wxgame/game.json，增加 "openDataContext":"openDataContext"

 

 

主项目的TestScene中创建一个组件WXOpenDataViewer。 在Basics/UI下倒数第3个。(直接右键-创建UI组件，是没有这个组件的)

这个WxOpenDataViewer是显示开放域的，你可以理解为这是一个电视，里面播着开放域的界面。

 

 

主域通知开放域显示排行榜

GameUI.ts：

1 2 3 4 5 6

onEnable(): void {        Laya.loader.load(["res/atlas/test.atlas"],Laya.Handler.create(this,()=>{           //使用接口将图集透传到子域           Laya.MiniAdpter.sendAtlasToOpenDataContext("res/atlas/test.atlas");          })); }

 

开放域接收消息，并显示排行榜

Main.ts：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

class Main {     constructor() {          //设置子域         Laya.isWXOpenDataContext = true;         Laya.isWXPosMsg = true;         //根据IDE设置初始化引擎             Laya.init(GameConfig.width, GameConfig.height,false);         Laya.stage.scaleMode = GameConfig.scaleMode;         Laya.stage.screenMode = GameConfig.screenMode;         Laya.stage.alignV = GameConfig.alignV;         Laya.stage.alignH = GameConfig.alignH;         // 关于透传接口，请参考: https://ldc2.layabox.com/doc/?nav=zh-ts-5-0-7         if(Laya.Browser.onMiniGame)             wx.onMessage(function(data){                 console.log("子域收到消息:", data);                 if(data.url == "res/atlas/test.atlas" ){                     Laya.loader.load("res/atlas/test.atlas",Laya.Handler.create(this,this.onComplete));                 }             }.bind(this));         else             Laya.loader.load("res/atlas/test.atlas",Laya.Handler.create(this,this.onComplete));                        }        onComplete(): void {         //初始化rank排行榜         var rank = new BigRank();         //初始化         rank.init();     } }

　　

把开放域的BigRank的this.getFriendData();注释掉

 

 

主项目发布，微信开发者工具打开，最终显示