野子电竞数据官网改版https://www.xxe.io/全新登场

在Egret中是可以直接调用微信小游戏的API的，Egret中添加了平台代码，可以调用各个平台API。

新建工程会发现在src文件夹中会包含一个Platform.ts的文件，如果没有请创建。

/**

平台数据接口。

由于每款游戏通常需要发布到多个平台上，所以提取出一个统一的接口用于开发者获取平台数据信息

推荐开发者通过这种方式封装平台逻辑，以保证整体结构的稳定

由于不同平台的接口形式各有不同，白鹭推荐开发者将所有接口封装为基于 Promise 的异步形式

*/

declare interface Platform {

getUserInfo(): Promise;

login(): Promise

}

class DebugPlatform implements Platform {

async getUserInfo() {

return { nickName: “username” }

}

async login() {

}

}

if (!window.platform) {

window.platform = new DebugPlatform();

}

declare let platform: Platform;

declare interface Window {

platform: Platform

}

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

并将代码拷贝到Platform.ts中。

二、打包发布微信工程，并在微信开发者工具中打开，可以看到platform.js文件，若没有，请创建platform.js文件。微信的其他接口也要写到该文件中，分享、微信点击进入等。

/**

请在白鹭引擎的Main.ts中调用 platform.login() 方法调用至此处。

*/

class WxgamePlatform {

name = ‘wxgame’

login() {

return new Promise((resolve, reject) => {

wx.login({

success: (res) => {

resolve(res)

}

})

})

}

getUserInfo() {

return new Promise((resolve, reject) => {

wx.getUserInfo({

withCredentials: true,

success: function (res) {

var userInfo = res.userInfo

var nickName = userInfo.nickName

var avatarUrl = userInfo.avatarUrl

var gender = userInfo.gender //性别 0：未知、1：男、2：女

var province = userInfo.province

var city = userInfo.city

var country = userInfo.country

resolve(userInfo);

}

})

})

}

openDataContext = new WxgameOpenDataContext();

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

}

class WxgameOpenDataContext {

createDisplayObject(type,width,height){

const bitmapdata = new egret.BitmapData(sharedCanvas);

bitmapdata.$deleteSource = false;

const texture = new egret.Texture();

texture._setBitmapData(bitmapdata);

const bitmap = new egret.Bitmap(texture);

bitmap.width = width;

bitmap.height = height;

egret.startTick((timeStarmp) => {

egret.WebGLUtils.deleteWebGLTexture(bitmapdata.webGLTexture);

bitmapdata.webGLTexture = null;

return false;

}, this);

return bitmap;

}

postMessage(data){

const openDataContext = wx.getOpenDataContext();

openDataContext.postMessage(data);

}

1

2

3

4

5

6

7

8

9

10

11

12

}

window.platform = new WxgamePlatform();

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

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

Platform声明了平台函数，在egret中可以直接调用，在各个平台中实现代码即可。

三、在egret中调用登陆，并获取微信用户信息。在main.ts中写入如下代码。

await platform.login()调用登陆API，

const userInfo = await platform.getUserInfo();获取微信用户信息，并返回用户信息，

await 异步调用，返回调用结果在执行下一步。

class Main extends egret.DisplayObjectContainer {

public constructor() {

super();

this.addEventListener(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);

}

private onAddToStage(event: egret.Event) {

this.runGame().catch(e => {

console.log(e);

})

}

private async runGame() {

await platform.login();

const userInfo = await platform.getUserInfo();

this.createGameScene(userInfo);

}

private textfield: egret.TextField;

/**

创建游戏场景

Create a game scene

*/

private createGameScene(userInfo: any) {

let bg: eui.Rect = new eui.Rect();

this.addChild(bg);

bg.width = this.stage.width;

bg.height = this.stage.height;

bg.fillColor = 0xF8F8F8;

let avatar: eui.Image = new eui.Image();

avatar.x = 100;

avatar.y = 100;

avatar.width = 120;

avatar.height = 120;

avatar.source = userInfo.avatarUrl;

this.addChild(avatar);

let nickName: eui.Label = new eui.Label();

nickName.x = 100;

nickName.y = 250;

nickName.textColor = 0xff0000;

nickName.text = userInfo.nickName;

this.addChild(nickName);

}

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

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

}

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

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

打包微信工程，并在开发者工具打开。运行获取到微信用户信息。

————————————————