微信小游戏接入Fundebug监控

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

接入方法

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

clipboard.png

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

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,因此很容易忘记去配置了。我就是犯了这个错,结果一直没有收到报错!

相关文章
相关标签/搜索