zoukankan      html  css  js  c++  java
  • 【转】微信小游戏接入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

  • 相关阅读:
    面试题系列---【watch、methods 和 computed 的区别】
    面试题系列---【vue-router是什么?有哪些路由模式?实现原理是什么】
    面试题系列---【vue中watch原理】
    面试题系列--【解决移动端1px边框问题】
    面试题系列---【vue中assets和static目录的区别】
    面试题系列---【vue中router和route区别】
    面试题系列---【mvvm 和 mvc 区别是什么?哪些场景适合?】
    面试题系列---【接口调不通,如何排查问题?】
    面试题系列---【手写一个Promise】
    JavaScript课程——Day11(BOM,宽高位置属性)
  • 原文地址:https://www.cnblogs.com/curationFE/p/wegame_integrate_fundeug.html
Copyright © 2011-2022 走看看