微信小游戏接入Fundebug监控

在SegmentFault上看到Fundebug上线小游戏监控,刚好最近开始玩微信小游戏,于是尝试接入试了一下。

接入方法

创建项目的时候选择左下角的微信小游戏图标。

clipboard.png

点击继续进入接入插件页面。

clipboard.png

第三方插件在小游戏的接入流程和小程序是类似的,你需要将插件代码下载到本地,放到自己的项目中。并且需要将Fundebug的接收域名配置到request合法域名。

微信在监管/安全这一块可以说做得非常严格, 你需要非常清楚你自己使用的插件有哪些网络交互,如果有非法插件偷偷摸摸往其他地方发送数据,在微信中就会被屏蔽了。

接入打飞机游戏

使用无AppID模式创建一个微信小游戏后可以看到官方demo,其中入口文件和配置文件:game.js和game.json。game.js引入并初始化包含整个打飞机的游戏场景、参与者(玩家飞机和敌方飞机)、游戏逻辑的主函数的main.js。

新建一个名为libs的文件夹,用来存放第三方库文件。右键硬盘打开,然后将刚刚下载的fundebug插件放进去。

clipboard.png

然后在game.js文件中引入,记得将复制的代码中的release改成libs

clipboard.png

报错测试

根据微信小游戏的文档,在微信开发者工具的控制台执行以下命令:

fundebug.test("Test""Hello, Fundebug")

clipboard.png

Fundebug的控制台就可以看到这条报错的信息了:

clipboard.png

我觉得最赞的是,竟然还有报错截图!也就是说,你可以看到在出错的时候,用户所看到的界面是什么样子,是白屏了还是显示混乱了等等,都可以一目了然。

clipboard.png

这个功能,绝对要打电话。

不过,我发现一个问题,就是出错时候基的系统信息、用户信息都没有。如果真的要和这个用户联系,我还不知道找谁!
后来看了一下文档,这些默认是不抓取的,需要手动配置一下。具体请查看配置文档: 属性配置

clipboard.png

我增加了一些监控属性:

clipboard.png

并且故意将代码改错(划红线位置):

clipboard.png

Fundebug会有一个小红点提示:

clipboard.png

点击,可以查看信息的报错信息,包括设备信息都显示出来了。

clipboard.png

而且,metaData中也有我配置的meta信息。

clipboard.png

配置request合法域名

一定要配置request合法域名。这个事情很容易搞忘记了。因为在开发者模式下,已经可以报错到Fundebug,所以很容易忘记去配置了。我就是犯了这个错,结果一直没有收到报错!


原文链接:https://segmentfault.com/a/1190000014753583

猜你喜欢

转载自blog.csdn.net/qq_40126542/article/details/80222546